@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-deep:#fdfbf7;--bg-dark:#f4ede2;--bg-card:#ffffffd1;--bg-card-hover:#fffffff0;--border-color:#3d30251f;--border-hover:#3d302540;--text-main:#3d3025;--text-sub:#6e5d4f;--text-dim:#9c8d80;--accent-red:#ef476f;--accent-gold:#f5b041;--accent-pink:#ffb7c5;--accent-green:#2a9d8f;--accent-purple:#9b5de5;--gradient-dawn:linear-gradient(135deg, #fdfbf7 0%, #f7f1e6 100%);--gradient-sunrise:linear-gradient(135deg, #ef476f 0%, #ffd166 100%);--gradient-gold:linear-gradient(135deg, #ffd166 0%, #f5b041 100%);--wood-gradient:linear-gradient(to bottom, #d4a373 0%, #c58f58 50%, #a97744 100%);--header-height:70px;--max-width:1200px;--shadow-premium:0 10px 30px #3d302514;--shadow-glow:0 0 20px #ef476f33;--glass-blur:blur(15px)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-deep);background-image:var(--gradient-dawn);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;overflow-wrap:break-word;word-break:break-word;font-family:Outfit,sans-serif;font-weight:700}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#3d302526;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3d30254d}.glassmorphic{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-premium);border-radius:16px}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content-container{width:100%;max-width:var(--max-width);flex:1;margin:0 auto;padding:30px 20px 80px}.action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.primary-btn{background:var(--gradient-sunrise);color:#fff;text-shadow:0 1px 2px #0003}.primary-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)scale(1.02)}.primary-btn:active{transform:translateY(1px)scale(.97)}.secondary-btn{border:1px solid var(--border-color);color:var(--text-main);background:#ffffff14}.secondary-btn:hover{border-color:var(--border-hover);background:#ffffff26;transform:translateY(-2px)scale(1.02)}.secondary-btn:active{transform:translateY(1px)scale(.97)}.secondary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.danger-btn{color:#ff4d6d;background:#e6394626;border:1px solid #e639464d}.danger-btn:hover{background:#e639464d;border-color:#ff4d6d;transform:translateY(-2px)scale(1.02)}.danger-btn:active{transform:translateY(1px)scale(.97)}.navbar-container{height:var(--header-height);z-index:100;border-top:none;border-left:none;border-right:none;border-bottom:1px solid var(--border-color);background:#fdfbf7d9;border-radius:0;position:sticky;top:0}.navbar-content{max-width:var(--max-width);justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 20px;display:flex}.navbar-brand{cursor:pointer;align-items:center;gap:12px;display:flex}.logo-icon{font-size:28px;animation:3s ease-in-out infinite float}.brand-text-wrap{flex-direction:column;display:flex}.brand-title{background:var(--gradient-sunrise);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:20px;font-weight:800}.brand-subtitle{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.navbar-links{align-items:center;gap:8px;display:flex}.nav-link{color:var(--text-sub);cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.nav-link:hover{color:var(--text-main);background:#3d30250d}.nav-link.active{color:var(--accent-red);background:#ef476f14}.nav-link .badge{background:var(--accent-red);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex}.create-nav-btn{border-radius:20px;margin-left:10px;padding:8px 16px;font-size:13px}.nav-profile-group{border:1px solid var(--border-color);background:#3d302508;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.flag-icon{font-size:16px}.user-glow{color:var(--accent-pink);text-shadow:0 0 10px #ffb7c54d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #e6394633}50%{box-shadow:0 0 25px #e6394680}}.pulse-glow{animation:2s infinite alternate pulseGlow}.wiggle{animation:.8s ease-in-out wiggleAnim}.wiggle:hover{animation:.6s ease-in-out infinite wiggleAnim}@keyframes wiggleAnim{0%,to{transform:rotate(0)scale(1.02)}25%{transform:rotate(-3deg)scale(1.02)}75%{transform:rotate(3deg)scale(1.02)}}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.intro-container{justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:20px;display:flex;position:relative;overflow:auto}.intro-bg-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#e639461f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-card{z-index:10;grid-template-columns:1.1fr 1.3fr;width:100%;max-width:850px;display:grid;overflow:hidden}.intro-visual{border-right:1px solid var(--border-color);background:#f4ede266;flex-direction:column;justify-content:center;align-items:center;gap:40px;padding:40px;display:flex}.glowing-daruma-intro{filter:drop-shadow(0 0 20px #e6394640);animation:4s ease-in-out infinite float}.intro-step-indicators{gap:8px;display:flex}.indicator-dot{background:#3d302526;border-radius:5px;width:10px;height:10px;transition:all .3s}.indicator-dot.active{background:var(--accent-red);width:24px}.indicator-dot.completed{background:var(--accent-gold)}.intro-content-panel{flex-direction:column;justify-content:center;padding:45px;display:flex}.concept-badge{letter-spacing:.15em;color:var(--accent-gold);margin-bottom:12px;font-size:11px;font-weight:700}.intro-content-panel h2{margin-bottom:4px;font-size:32px;line-height:1.2}.thai-subtitle{color:var(--text-dim);margin-bottom:25px;font-size:18px;font-weight:400}.main-text{color:var(--text-sub);margin-bottom:25px;font-size:15px;line-height:1.7}.intro-callout{border-left:3px solid var(--accent-gold);color:gold;background:#ffd7000a;border-radius:4px;align-items:center;gap:12px;margin-bottom:30px;padding:12px 18px;font-size:13px;font-weight:600;display:flex}.intro-actions{gap:12px;display:flex}.next-btn{flex:1}.skip-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:20px;font-size:13px;text-decoration:underline;transition:color .2s}.skip-btn:hover{color:var(--text-main)}.intro-footer{color:var(--text-dim);font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.dashboard-hero{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;margin-bottom:40px;padding-bottom:25px;display:flex}.dashboard-hero h1{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:36px;line-height:1.1}.dashboard-hero .thai-text{color:var(--text-sub);margin-top:4px;font-size:16px}.dashboard-hero .desc{color:var(--text-dim);max-width:600px;margin-top:10px;font-size:14px}.shelves-container{margin-bottom:50px;padding:30px 0}.wooden-shelf-block{flex-direction:column;display:flex;position:relative}.shelf-scroll-wrapper{flex-direction:column;align-items:stretch;width:100%;display:flex}.shelf-items-row{z-index:10;justify-content:space-around;align-items:flex-end;gap:20px;min-height:220px;padding-bottom:10px;display:flex}.daruma-shelf-item{cursor:pointer;flex-direction:column;flex:1;align-items:center;max-width:250px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex}.daruma-avatar-wrap{justify-content:center;align-items:center;display:flex;position:relative}.shelf-shadow{pointer-events:none;z-index:-1;background:radial-gradient(circle,#000000b3 0%,#0000 70%);width:80px;height:15px;position:absolute;bottom:0}.daruma-shelf-item:hover{transform:translateY(-8px)}.shelf-item-details{text-align:center;width:100%;margin-top:15px;padding:12px;transition:all .3s cubic-bezier(.16,1,.3,1)}.daruma-shelf-item:hover .shelf-item-details{border-color:var(--theme-color);box-shadow:0 10px 30px #3d302514, 0 0 20px color-mix(in srgb, var(--theme-color) 25%, transparent)}.shelf-item-details h4{white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:14px;overflow:hidden}.progress-bar-container{background:#ffffff0d;border-radius:3px;width:100%;height:6px;margin-bottom:8px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .5s ease-out}.shelf-meta{color:var(--text-dim);justify-content:space-between;font-size:11px;display:flex}.wood-plank{background:var(--wood-gradient);z-index:5;border-top:1px solid #ffffff1a;border-bottom:2px solid #000c;border-radius:4px;width:100%;height:20px;box-shadow:0 8px 16px #0009,inset 0 2px 2px #ffffff26}.shelf-supports{justify-content:space-between;padding:0 80px;display:flex}.support{clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);background:linear-gradient(90deg,#4a2205,#1f0b01);width:30px;height:40px;box-shadow:0 4px 6px #00000080}.empty-shelf-message{width:100%;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:40px;display:flex}.empty-shelf-message p{font-size:15px}.focus-advice{margin-bottom:30px;padding:24px}.focus-advice h3{color:var(--accent-gold);margin-bottom:8px}.focus-advice p{color:var(--text-sub);font-size:14px;font-style:italic}.create-header{margin-bottom:35px}.back-btn{color:var(--text-sub);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:15px;font-size:14px;transition:color .2s;display:flex}.back-btn:hover{color:var(--text-main)}.create-header h1{background:var(--gradient-sunrise);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:32px}.create-header .subtitle{color:var(--text-dim);font-size:14px}.create-form-layout{grid-template-columns:1.1fr 1.4fr;gap:30px;display:grid}.canvas-column{flex-direction:column;align-items:center;padding:25px;display:flex}.canvas-column h3,.form-column h3{border-bottom:1px solid var(--border-color);align-self:flex-start;width:100%;margin-bottom:6px;padding-bottom:8px;font-size:18px}.step-desc{color:var(--text-dim);align-self:flex-start;margin-bottom:20px;font-size:12px}.category-explanation{background:#3d302508;border-radius:8px;align-items:center;gap:12px;width:100%;margin-top:20px;padding:12px;font-size:13px;display:flex}.category-explanation .bullet{border-radius:6px;flex-shrink:0;width:12px;height:12px}.daruma-canvas-wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.canvas-container{aspect-ratio:1;border:2px solid var(--border-color);border-radius:20px;width:100%;max-width:300px;height:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #3d30251a,0 8px 24px #3d302514}.drawing-canvas{z-index:10;cursor:crosshair;touch-action:none;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.daruma-guide-bg{z-index:5;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.guide-svg{width:100%;height:100%}.canvas-controls{flex-direction:column;gap:15px;width:100%;margin-top:20px;display:flex}.control-section{flex-direction:column;gap:8px;display:flex}.control-section label{color:var(--text-sub);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.colors-grid{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.color-dot{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:50%;transition:transform .2s}.color-dot:hover{transform:scale(1.15)}.color-dot.selected{border-color:var(--text-main);transform:scale(1.15);box-shadow:0 0 10px #fff6}.brush-slider-container{align-items:center;display:flex}.brush-slider{-webkit-appearance:none;background:#3d30251a;border-radius:2px;outline:none;flex:1;height:4px}.brush-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-gold);cursor:pointer;border-radius:50%;width:14px;height:14px}.canvas-action-buttons{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.form-column{flex-direction:column;gap:18px;padding:25px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-sub);font-size:14px;font-weight:600}.input-group input[type=text],.input-group textarea,.input-group select,.input-group input[type=date]{border:1px solid var(--border-color);color:var(--text-main);background:#fff;border-radius:8px;padding:12px;font-size:14px;transition:all .3s}.input-group input:focus,.input-group textarea:focus,.input-group select:focus,.input-group input[type=date]:focus{border-color:var(--accent-red);background:#fff;outline:none;box-shadow:0 0 0 3px #ef476f1a}.form-row-2{grid-template-columns:1fr 1fr;gap:15px;display:grid}.milestones-section{flex-direction:column;gap:8px;display:flex}.milestones-section label{color:var(--text-sub);font-size:14px;font-weight:600}.milestone-input-row{gap:10px;display:flex}.milestone-input-row input{border:1px solid var(--border-color);color:var(--text-main);background:#fff;border-radius:8px;flex:1;padding:10px;font-size:13px}.add-milestone-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.add-milestone-btn:hover{background:#ffffff26}.milestone-list{border:1px solid var(--border-color);background:#3d302508;border-radius:8px;max-height:150px;padding:6px;list-style:none;overflow-y:auto}.milestone-item{background:#fff;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 10px;font-size:13px;display:flex}.delete-milestone-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none}.delete-milestone-btn:hover{color:#ff4d6d}.milestone-empty{text-align:center;color:var(--text-dim);padding:20px;font-size:12px;font-style:italic}.privacy-toggle-group{flex-direction:column;gap:8px;display:flex}.privacy-toggle-group label{color:var(--text-sub);font-size:14px;font-weight:600}.toggle-container{border:1px solid var(--border-color);background:#3d302508;border-radius:8px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.toggle-btn{color:var(--text-sub);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.toggle-btn.active{color:var(--text-main);background:#fff;box-shadow:0 2px 4px #3d302514}.submit-goal-btn{width:100%;margin-top:10px}.limit-reached-panel{justify-content:center;align-items:center;min-height:400px;display:flex}.panel-card{max-width:550px;padding:40px}.limit-icon-container{justify-content:center;margin-bottom:25px;display:flex}.limit-icon-ring{border:2px dashed #ffd70066;border-radius:40px;justify-content:center;align-items:center;width:80px;height:80px;animation:20s linear infinite spin;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.limit-icon{font-size:32px;animation:2s ease-in-out infinite float}.panel-card h2{color:var(--accent-gold);margin-bottom:15px;font-size:26px}.limit-message{color:var(--text-main);margin-bottom:15px;font-size:15px;line-height:1.6}.limit-suggestion{color:var(--text-dim);margin-bottom:30px;font-size:13px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#3d302566;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:950px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards zoomIn;position:relative;overflow-y:auto}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-close{color:var(--text-dim);cursor:pointer;z-index:10;background:0 0;border:none;font-size:28px;transition:color .2s;position:absolute;top:15px;right:20px}.modal-close:hover{color:var(--text-main)}.modal-split{grid-template-columns:1fr 1.6fr;display:grid}.modal-left-column{border-right:1px solid var(--border-color);background:#f4ede266;flex-direction:column;align-items:center;gap:20px;padding:35px;display:flex}.modal-daruma-display{padding:10px}.daruma-tag{text-align:center;background:#ffffff08;border-radius:4px;width:100%;padding:6px 12px;font-size:13px}.target-countdown{color:var(--text-sub);text-align:center;background:#3d30250d;border-radius:6px;width:100%;padding:8px 12px;font-size:12px}.milestones-progress-radial{flex-direction:column;align-items:center;margin:10px 0;display:flex}.progress-percentage{font-family:Outfit,sans-serif;font-size:40px;font-weight:800;line-height:1}.milestones-progress-radial .label{color:var(--text-dim);margin-top:4px;font-size:11px}.modal-actions-sidebar{flex-direction:column;gap:10px;width:100%;margin-top:15px;display:flex}.modal-actions-sidebar button{width:100%}.modal-right-column{flex-direction:column;gap:25px;padding:35px;display:flex}.modal-right-column h2{font-size:26px}.goal-desc-text{color:var(--text-sub);border-left:2px solid var(--border-color);background:#ffffff03;border-radius:8px;padding:15px;font-size:14px;line-height:1.6}.modal-section h3{color:var(--text-main);border-bottom:1px solid var(--border-color);margin-bottom:12px;padding-bottom:6px;font-size:15px}.modal-checklist{flex-direction:column;gap:10px;list-style:none;display:flex}.checklist-item{align-items:center;display:flex}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-sub);align-items:center;gap:12px;font-size:14px;display:flex;position:relative}.checkbox-label input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{border:1px solid var(--border-color);background-color:#fff;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.checkbox-label:hover input~.checkmark{border-color:var(--border-hover);background-color:#ffffff1a}.checkmark.checked{background-color:var(--accent-green);border-color:var(--accent-green)}.checkmark.checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.line-through{color:var(--text-dim);text-decoration:none}.checklist-item .item-text{transition:color .3s;position:relative}.checklist-item .item-text:after{content:"";background:var(--text-dim);width:0;height:2px;transition:width .3s ease-in-out;position:absolute;top:50%;left:0}.checklist-item .item-text.line-through:after{width:100%}.journal-form{gap:8px;margin-bottom:15px;display:flex}.journal-form input{border:1px solid var(--border-color);color:var(--text-main);background:#fff;border-radius:8px;flex:1;padding:10px 14px;font-size:13px}.add-journal-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;display:flex}.add-journal-btn:hover{background:#ffffff26}.journal-list{flex-direction:column;gap:8px;max-height:180px;padding-right:5px;display:flex;overflow-y:auto}.journal-item{border:1px solid var(--border-color);background:#fff;border-radius:8px;padding:10px}.journal-meta{color:var(--text-dim);margin-bottom:4px;font-size:10px}.journal-text{color:var(--text-sub);font-size:13px}.empty-journal,.empty-milestones{color:var(--text-dim);text-align:center;padding:10px;font-size:12px;font-style:italic}.readonly .checkmark{cursor:default;background-color:#ffffff05}.readonly .checkmark.checked{background-color:#2a9d8f66;border-color:#2a9d8f66}.readonly .checklist-item{font-size:13px}.ink-animation-overlay{background:var(--bg-deep);z-index:10000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ink-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%;max-width:600px;padding:20px;display:flex;position:relative}.animated-daruma-wrapper{filter:drop-shadow(0 0 30px #ffffff1a);width:280px;height:280px;transition:all .5s;position:relative}.shake-bounce{filter:drop-shadow(0 0 40px var(--accent-gold));animation:1.5s ease-in-out infinite alternate shakeBounceAnim}@keyframes shakeBounceAnim{0%{transform:translateY(0)rotate(0)scale(1.05)}20%{transform:translateY(-15px)rotate(-3deg)scale(1.08)}40%{transform:translateY(0)rotate(3deg)scale(1.05)}60%{transform:translateY(-8px)rotate(-2deg)scale(1.08)}80%{transform:translateY(0)rotate(2deg)scale(1.05)}to{transform:translateY(-20px)rotate(0)scale(1.1)}}.ink-brush-sequence{pointer-events:none;flex-direction:column;align-items:center;gap:15px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.ink-brush-cursor{background:radial-gradient(circle,#111 60%,#0000 100%);border-radius:50%;width:25px;height:25px;margin-top:-12.5px;margin-left:-12.5px;animation:2.5s cubic-bezier(.4,0,.2,1) infinite circleDraw;position:absolute;top:126px;left:176.4px;box-shadow:0 0 10px #00000080}@keyframes circleDraw{0%{opacity:0;transform:translate(14px)scale(.3)}10%{opacity:1;transform:translate(11px,8px)scale(.8)}25%{transform:translateY(14px)scale(1.1)}37%{transform:translate(-11px,8px)scale(1.2)}50%{transform:translate(-14px,-4px)scale(1.1)}62%{transform:translate(-8px,-11px)scale(1)}75%{transform:translate(5px,-8px)scale(.8)}87%{opacity:1;transform:translate(5px,3px)scale(.6)}to{opacity:0;transform:translate(0)scale(.2)}}.status-text{color:var(--text-sub);letter-spacing:.05em;font-family:Outfit,sans-serif;font-size:15px;font-weight:500}.status-text-overlay{width:300px;position:absolute;bottom:-50px;left:50%;transform:translate(-50%)}.victory-text{animation:.6s cubic-bezier(.16,1,.3,1) forwards scaleUp}.victory-text h2{color:var(--accent-gold);text-shadow:0 0 20px #ffd7004d;margin-bottom:8px;font-size:38px}.victory-text p{color:var(--text-sub);font-size:15px}.thai-quote{color:var(--accent-pink);margin-top:10px;font-size:16px;font-style:italic}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.glowing-orb{filter:blur(60px);opacity:.15;z-index:-1;pointer-events:none;border-radius:50%;width:250px;height:250px;animation:3s ease-in-out infinite pulse;position:absolute;top:50px}@keyframes pulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.2)}}.confetti-holder{pointer-events:none;z-index:10005;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.confetti-particle{opacity:.8;border-radius:2px;width:10px;height:10px;animation:4s linear infinite fallDown;position:absolute;top:-10px}@keyframes fallDown{0%{opacity:1;transform:translateY(-20px)rotate(0)}90%{opacity:.8}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.garden-header{border-bottom:1px solid var(--border-color);margin-bottom:35px;padding-bottom:25px}.garden-header h1{background:var(--gradient-sunrise);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:36px}.garden-header .thai-text{color:var(--text-sub);margin-top:4px;font-size:16px}.garden-header .desc{color:var(--text-dim);max-width:700px;margin-top:10px;font-size:14px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;display:grid}.stat-card{text-align:center;padding:20px}.stat-value{margin-bottom:4px;font-family:Outfit,sans-serif;font-size:32px;font-weight:800;line-height:1.1}.stat-label{color:var(--text-main);font-size:13px;font-weight:600}.stat-subtext{color:var(--text-dim);font-size:11px}.garden-split{grid-template-columns:1.8fr 1fr;gap:30px;display:grid}.controls-bar{grid-template-columns:1.5fr 1fr 1fr;gap:15px;margin-bottom:25px;padding:15px;display:grid}.search-box{border:1px solid var(--border-color);background:#fff;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;display:flex}.search-box input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:13px}.filter-group{align-items:center;gap:8px;display:flex}.filter-group label{color:var(--text-sub);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}.filter-group select{border:1px solid var(--border-color);color:var(--text-main);background:#fff;border-radius:8px;flex:1;padding:8px;font-size:13px}.daruma-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.garden-daruma-card{text-align:center;cursor:pointer;flex-direction:column;align-items:center;padding:20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.garden-daruma-card:hover{border-color:var(--theme-color);box-shadow:0 12px 30px #3d302514, 0 0 20px color-mix(in srgb, var(--theme-color) 20%, transparent);transform:translateY(-5px)scale(1.02)}.completed-glow{box-shadow:0 0 20px #ffd70014}.completed-glow:hover{box-shadow:0 0 30px #ffd70033}.completed-badge{border:1px solid var(--accent-green);color:var(--accent-green);background:#2a9d8f26;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.card-renderer-wrapper{margin-bottom:15px}.card-info h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;height:36px;margin-bottom:8px;font-size:14px;line-height:1.3;display:-webkit-box;overflow:hidden}.card-category-badge{border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.card-dates{color:var(--text-dim);margin-top:10px;font-size:10px}.no-results{text-align:center;color:var(--text-dim);grid-column:span 3;padding:50px}.no-results p{margin-bottom:15px}.sidebar-card{padding:25px}.sidebar-card h3{margin-bottom:8px;font-size:16px}.achievements-list{flex-direction:column;gap:15px;margin-top:20px;display:flex}.achievement-item{border:1px solid var(--border-color);background:#3d302508;border-radius:8px;align-items:center;gap:15px;padding:12px;display:flex;position:relative}.achievement-item.locked{opacity:.45;filter:grayscale()}.achievement-icon{background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:24px;display:flex}.achievement-item.unlocked .achievement-icon{background:#ffd7001a;border:1px solid #ffd70033}.achievement-details h4{margin-bottom:2px;font-size:13px}.achievement-details p{color:var(--text-dim);font-size:11px;line-height:1.3}.unlock-tag{color:var(--accent-gold);text-transform:uppercase;font-size:9px;font-weight:700;position:absolute;bottom:8px;right:12px}.feed-container{flex-direction:column;gap:30px;display:flex}.feed-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;padding-bottom:25px;display:flex}.feed-header h1{background:var(--gradient-sunrise);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:36px}.feed-header .thai-text{color:var(--text-sub);margin-top:4px;font-size:16px}.feed-header .desc{color:var(--text-dim);max-width:700px;margin-top:10px;font-size:14px}.refresh-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:flex}.refresh-btn:hover{background:#ffffff1a}.refresh-btn.spinning svg{animation:1s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feed-layout{grid-template-columns:1.8fr 1fr;gap:30px;display:grid}.feed-items-column{flex-direction:column;gap:20px;display:flex}.feed-card{flex-direction:column;gap:15px;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.feed-card:hover{border-color:var(--theme-color);box-shadow:0 12px 30px #3d302514, 0 0 20px color-mix(in srgb, var(--theme-color) 15%, transparent);transform:translateY(-2px)}.feed-card-main{gap:20px;display:flex}.feed-daruma-wrap{flex-shrink:0}.feed-info-wrap{flex:1}.feed-meta{align-items:center;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.feed-meta .author{color:var(--text-main);font-weight:700}.feed-meta .bullet-sep{color:var(--text-dim)}.feed-meta .category{font-weight:700}.feed-info-wrap h3{margin-bottom:8px;font-size:18px;line-height:1.3}.desc-text{color:var(--text-sub);margin-bottom:12px;font-size:14px;line-height:1.5}.target-date{color:var(--text-dim);font-size:11px}.feed-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:15px;display:flex}.cheer-stat{color:var(--text-dim);font-size:12px}.glowing-embers-count{color:var(--accent-gold);text-shadow:0 0 10px #ffd70066;margin-right:4px;font-size:15px;font-weight:800}.cheer-action-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex;position:relative;overflow:visible}.cheer-action-btn:hover{border-color:var(--btn-theme-color,var(--accent-gold));background:#ffffff1f;transform:scale(1.03)}.sparkle-icon{color:var(--btn-theme-color,var(--accent-gold))}.floating-sparkle{pointer-events:none;font-size:16px;animation:.8s ease-out forwards floatUp;position:absolute}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(.6)}to{opacity:0;transform:translateY(-50px)scale(1.4)}}.feed-sidebar{flex-direction:column;gap:20px;display:flex}.stats-mini{border-top:1px solid var(--border-color);flex-direction:column;gap:15px;margin-top:20px;padding-top:15px;display:flex}.mini-stat{flex-direction:column;display:flex}.mini-stat .num{color:var(--accent-gold);font-family:Outfit,sans-serif;font-size:20px;font-weight:800;line-height:1.1}.mini-stat .lbl{color:var(--text-dim);font-size:11px}@media (width<=900px){.intro-card{grid-template-columns:1fr}.intro-visual{border-right:none;border-bottom:1px solid var(--border-color);padding:30px}.intro-content-panel{padding:30px}.create-form-layout,.garden-split,.feed-layout{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.controls-bar{grid-template-columns:1fr}.modal-split{flex-direction:column;display:flex}.modal-left-column{border-right:none;border-bottom:1px solid var(--border-color)}}@media (width<=600px){.navbar-content{padding:0 10px}.navbar-brand .brand-title{font-size:14px}.navbar-brand .brand-subtitle,.navbar-links .link-label,.navbar-links .nav-btn-text{display:none}.create-nav-btn{border-radius:50%;margin-left:5px;padding:8px}.nav-profile-group{background:0 0!important;border:none!important;gap:6px!important;padding:0!important}.profile-details-wrap .user-glow{display:none}.profile-details-wrap{border-left:none!important;gap:0!important;margin-left:4px!important;padding-left:0!important}.dashboard-hero{flex-direction:column;align-items:flex-start;gap:12px;padding:15px}.dashboard-hero h1{font-size:24px}.wooden-shelf-block{-webkit-overflow-scrolling:touch;white-space:nowrap!important;padding-bottom:15px!important;overflow-x:auto!important}.wooden-shelf-block::-webkit-scrollbar{height:4px}.wooden-shelf-block::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.wooden-shelf-block::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:2px}.shelf-items-row{flex-flow:row!important;justify-content:flex-start!important;align-items:flex-end!important;gap:16px!important;width:max-content!important;min-width:100%!important;min-height:140px!important;padding:0 16px 5px!important;display:inline-flex!important}.daruma-shelf-item{flex-direction:column!important;flex-shrink:0!important;align-items:center!important;width:110px!important;max-width:110px!important;display:inline-flex!important}.shelf-scroll-wrapper{flex-direction:column!important;width:max-content!important;min-width:100%!important;display:inline-flex!important}.wood-plank{width:100%!important}.shelf-supports{display:none!important}.daruma-shelf-item .daruma-container{width:75px!important;height:75px!important}.shelf-item-details{box-sizing:border-box!important;width:100%!important;margin-top:8px!important;padding:6px 2px!important}.shelf-item-details h4{white-space:nowrap!important;text-overflow:ellipsis!important;margin-bottom:4px!important;font-size:11px!important;overflow:hidden!important}.shelf-meta{flex-direction:column!important;align-items:center!important;gap:2px!important;font-size:9px!important}.shelf-meta .date{display:none!important}.feed-card{padding:15px!important}.feed-card-main{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:12px!important}.feed-meta{flex-direction:column!important;justify-content:center!important;gap:6px!important}.meta-left{justify-content:center!important}.modal-left-column{gap:12px!important;padding:15px 12px!important}.modal-right-column{gap:15px!important;padding:15px 12px!important}.modal-right-column h2{font-size:18px!important}.modal-daruma-display .daruma-container{width:130px!important;height:130px!important}.modal-actions-sidebar{gap:8px!important;margin-top:5px!important}.modal-actions-sidebar button{padding:8px 12px!important;font-size:13px!important}.canvas-column,.form-column{padding:15px!important}.daruma-grid{grid-template-columns:1fr}.colors-grid{grid-template-columns:repeat(4,1fr)}.form-row-2{grid-template-columns:1fr}.intro-container{min-height:calc(100vh - var(--header-height,70px) - 20px)!important;flex-direction:column!important;justify-content:flex-start!important;height:auto!important;padding:16px 12px!important;overflow:auto!important}.intro-card{border-radius:12px!important;grid-template-columns:1fr!important;max-width:100%!important;overflow:visible!important}.intro-visual{border-right:none!important;border-bottom:1px solid var(--border-color)!important;gap:20px!important;padding:24px 16px!important}.intro-content-panel{padding:24px 20px!important}.intro-content-panel h2{overflow-wrap:break-word!important;word-break:break-word!important;margin-bottom:6px!important;font-size:22px!important;line-height:1.25!important}.thai-subtitle{overflow-wrap:break-word!important;word-break:break-word!important;margin-bottom:16px!important;font-size:15px!important}.main-text{margin-bottom:16px!important;font-size:13px!important;line-height:1.6!important}.intro-callout{gap:10px!important;margin-bottom:20px!important;padding:10px 14px!important;font-size:12px!important}.intro-actions{gap:10px!important}.intro-actions .action-btn{padding:10px 16px!important;font-size:13px!important}.skip-btn{margin-top:12px!important;font-size:12px!important}.intro-footer{text-align:center!important;width:100%!important;margin-top:20px!important;margin-bottom:10px!important;font-size:11px!important;position:static!important;transform:none!important}}.auth-container{z-index:1;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:40px 20px;display:flex;position:relative}.auth-card{text-align:center;flex-direction:column;gap:25px;width:100%;max-width:480px;padding:40px;display:flex}.auth-header-wrap{flex-direction:column;align-items:center;display:flex}.auth-daruma{margin-bottom:15px;animation:4s ease-in-out infinite float}.auth-card h1{background:var(--gradient-sunrise);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2px;font-size:32px}.auth-tagline{color:var(--text-sub);margin-top:10px;font-size:14px}.auth-tabs{border:1px solid var(--border-color);background:#3d302508;border-radius:8px;padding:4px;display:flex}.auth-tab{color:var(--text-sub);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.auth-tab.active{color:var(--text-main);background:#fff;box-shadow:0 2px 4px #3d302514}.auth-error-msg{color:var(--accent-red);background:#e639461a;border:1px solid #e6394633;border-radius:8px;padding:10px;font-size:13px}.auth-form{text-align:left;flex-direction:column;gap:15px;display:flex}.auth-input-group{flex-direction:column;gap:6px;display:flex}.auth-input-group label{color:var(--text-sub);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.auth-input-group input{border:1px solid var(--border-color);color:var(--text-main);background:#fff;border-radius:8px;width:100%;padding:12px;font-size:14px;transition:all .3s}.auth-input-group input:focus{border-color:var(--accent-red);outline:none;box-shadow:0 0 0 3px #ef476f1a}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;right:12px}.password-toggle:hover{color:var(--text-main)}.auth-submit-btn{width:100%;margin-top:10px}.oauth-divider{text-align:center;color:var(--text-dim);align-items:center;font-size:12px;display:flex}.oauth-divider:before,.oauth-divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.oauth-divider:before{margin-right:.5em}.oauth-divider:after{margin-left:.5em}.oauth-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.oauth-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.oauth-btn:hover{background:var(--bg-dark);border-color:var(--border-hover)}.google-btn .oauth-icon{color:#ea4335;font-weight:700}.line-btn .oauth-icon{color:#06c755;font-weight:700}.auth-footer-notice{color:var(--text-dim);font-size:11px;line-height:1.4}.auth-navbar-bar{z-index:10;justify-content:flex-end;align-items:center;height:60px;padding:0 40px;display:flex;position:relative}.lang-switcher,.nav-lang-switcher{border:1px solid var(--border-color);background:#3d30250d;border-radius:20px;padding:3px;display:flex}.lang-btn,.lang-pill{color:var(--text-sub);cursor:pointer;background:0 0;border:none;border-radius:15px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .2s}.lang-btn.active,.lang-pill.active{color:var(--text-main);background:#fff;box-shadow:0 1px 3px #3d302514}.sync-indicator{color:var(--text-dim);background:#3d302508;border-radius:12px;align-items:center;gap:6px;padding:4px 8px;display:flex}.sync-indicator.synced{color:var(--accent-green)}.sync-indicator.syncing{color:var(--accent-gold);animation:1.5s ease-in-out infinite pulse}.sync-dot{background-color:currentColor;border-radius:3px;width:6px;height:6px}.profile-details-wrap{border-left:1px solid var(--border-color);align-items:center;gap:10px;margin-left:8px;padding-left:10px;display:flex}.logout-nav-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.logout-nav-btn:hover{color:var(--accent-red)}.toast-notification-banner{z-index:9999;width:90%;max-width:480px;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast-content{background:var(--card-bg);border:2px solid var(--accent-red);border-radius:16px;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 10px 30px #e6394626}.toast-icon{font-size:1.5rem}.toast-message{color:var(--text-main);flex:1;margin:0;font-size:.9rem;line-height:1.4}.toast-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.5rem}.toast-close:hover{color:var(--text-main)}.nav-notifications-center{align-items:center;display:flex;position:relative}.nav-notif-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:relative}.nav-notif-btn:hover,.nav-notif-btn.active{color:var(--accent-red);background:#e6394614}.nav-notif-badge{background-color:var(--accent-red);color:#fff;border:1.5px solid var(--bg-cream);border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.notifications-dropdown{z-index:1000;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;width:320px;max-height:450px;margin-top:10px;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 30px #3d302514}.notif-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notif-header h3{color:var(--text-main);margin:0;font-size:.95rem}.notif-mark-read{color:var(--accent-red);cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:600}.notif-mark-read:hover{text-decoration:underline}.notif-body{flex:1;max-height:280px;padding:8px 0;overflow-y:auto}.notif-empty{text-align:center;color:var(--text-dim);flex-direction:column;align-items:center;gap:8px;padding:30px 16px;display:flex}.empty-bell-icon{opacity:.4;color:var(--text-dim)}.notif-list{flex-direction:column;display:flex}.notif-item{border-bottom:1px solid #3d30250d;gap:10px;padding:12px 16px;transition:background-color .2s;display:flex;position:relative}.notif-item:hover{background-color:#3d302505}.notif-item.unread{background-color:#e6394605}.notif-item.unread .notif-dot{background-color:var(--accent-red);border-radius:50%;width:6px;height:6px;position:absolute;top:16px;left:6px}.notif-info{flex-direction:column;gap:2px;padding-left:4px;font-size:.8rem;display:flex}.notif-text{color:var(--text-main);margin:0;line-height:1.3}.notif-title{color:var(--text-dim);margin:0;font-style:italic}.notif-time{color:var(--text-dim);margin-top:4px;font-size:.7rem}.notif-footer{border-top:1px solid var(--border-color);background:#3d302505;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.notif-simulate-btn{align-items:center;padding:5px 10px;font-size:.72rem;display:inline-flex}.notif-clear-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;font-size:.75rem;transition:color .2s;display:inline-flex}.notif-clear-btn:hover{color:var(--accent-red)}.feed-search-section{width:100%;margin-bottom:24px}.search-bar-wrapper{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:10px;max-width:500px;margin:0 auto;padding:10px 16px;display:flex}.search-icon{color:var(--text-dim)}.feed-search-input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.feed-search-input::placeholder{color:var(--text-dim)}.search-clear-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem}.search-clear-btn:hover{color:var(--text-main)}.no-search-results{text-align:center;color:var(--text-dim);border-radius:16px;padding:40px;font-size:1rem}.follow-btn{border:1px solid var(--border-color);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:6px;height:24px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.follow-btn:hover{border-color:var(--accent-red);color:var(--accent-red);background:#e6394605}.follow-btn.following{border-color:var(--accent-red);color:var(--accent-red);background:#e6394614}.follow-btn .bell-icon{transition:transform .2s}.follow-btn:hover .bell-icon{transform:rotate(15deg)}.follow-btn .bell-icon.filled{fill:currentColor}.feed-meta{justify-content:space-between;align-items:center;width:100%;display:flex}.meta-left{align-items:center;display:flex}.encourage-action-container{position:relative}.encouragement-palette{background:var(--card-bg);border:1px solid var(--border-color);z-index:100;border-radius:16px;width:260px;padding:12px;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 10px 25px #3d30251a}.palette-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;text-align:left;margin:0 0 8px;font-size:.75rem;font-weight:700}.palette-options{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.palette-option-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;white-space:nowrap;text-align:center;background:#3d302508;border-radius:10px;padding:8px;font-size:.8rem;font-weight:500;transition:all .2s}.palette-option-btn:hover{border-color:var(--accent-red);color:var(--accent-red);background:#e6394614;transform:translateY(-1px)}.floating-phrase-particle{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);pointer-events:none;white-space:nowrap;z-index:10;border-radius:20px;padding:4px 8px;font-size:.8rem;font-weight:500;animation:2s cubic-bezier(.25,1,.5,1) forwards floatUpAndOut;position:absolute;transform:translate(-50%);box-shadow:0 4px 10px #0000000d}@keyframes floatUpAndOut{0%{opacity:0;transform:translate(-50%)scale(.8)}15%{opacity:1;transform:translate(-50%,-20px)scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-85px)scale(.9)}}.recent-activity-logs{flex-direction:column;gap:4px;margin-top:12px;display:flex}.recent-activity-logs .log-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.recent-activity-logs .log-tags{flex-wrap:wrap;gap:6px;display:flex}.recent-activity-logs .log-tag{color:var(--accent-red);background:#e639460a;border:1px solid #e6394614;border-radius:12px;align-items:center;padding:2px 8px;font-size:.75rem;display:inline-flex}@media (width<=600px){.notifications-dropdown{width:auto;max-height:calc(100vh - 80px);position:fixed;top:60px;left:10px;right:10px}.feed-search-section{padding:0 10px}.toast-notification-banner{width:95%;top:10px}.follow-btn span{display:none}.follow-btn{border-radius:50%;justify-content:center;width:24px;padding:4px 6px}}.share-modal-backdrop{z-index:1000}.share-modal-content{width:100%;max-width:820px;max-height:90vh;padding:30px;overflow-y:auto}.share-grid{grid-template-columns:1fr 1.1fr;gap:30px;display:grid}.share-preview-column{flex-direction:column;align-items:center;gap:15px;display:flex}.share-preview-column h3{color:var(--text-main);text-align:center;font-size:1.5rem}.share-subtitle{color:var(--text-sub);text-align:center;margin-top:-10px;font-size:.9rem}.card-svg-container{width:100%;max-width:290px;margin:10px 0;transition:transform .3s}.card-svg-container:hover{transform:scale(1.02)}.download-card-btn{background:var(--gradient-gold);color:#3d3025;width:100%;max-width:290px;font-weight:700;box-shadow:0 4px 15px #f5b04133}.download-card-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5b0414d}.share-channels-column{flex-direction:column;justify-content:center;gap:20px;display:flex}.share-channels-column h3{color:var(--text-main);font-size:1.5rem}.share-channels-column .section-subtitle{color:var(--text-sub);margin-top:-15px;font-size:.9rem}.channels-list{flex-direction:column;gap:12px;display:flex}.channel-item{border:1px solid var(--border-color);color:inherit;background:#fff6;border-radius:12px;align-items:center;gap:15px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.channel-item:hover{border-color:var(--border-hover);background:#ffffffd9;transform:translate(4px)}.channel-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:800;display:flex}.line-bg{background-color:#06c755}.x-bg{background-color:#0f1419}.fb-bg{background-color:#1877f2}.ig-bg{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.channel-info h4{color:var(--text-main);margin-bottom:2px;font-size:.95rem;font-weight:600}.channel-info p{color:var(--text-sub);font-size:.8rem}.channel-info .warning-notice{color:var(--accent-red);font-weight:500}.copy-link-section{flex-direction:column;gap:6px;margin-top:10px;display:flex}.copy-link-section label{color:var(--text-sub);font-size:.85rem;font-weight:600}.copy-input-group{gap:8px;display:flex}.copy-input-group input{border:1px solid var(--border-color);color:var(--text-sub);background:#ffffff80;border-radius:8px;flex:1;padding:8px 12px;font-size:.85rem}.copy-btn{background:var(--text-main);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s;display:flex}.copy-btn:hover{background:var(--text-sub)}.copy-btn.copied{background:var(--accent-green)}.copy-toast-msg{color:var(--accent-green);font-size:.75rem;font-weight:600}.post-preview-box{background:#3d302508;border:1px solid #3d30250f;border-radius:12px;padding:12px}.post-preview-box h5{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:6px;font-size:.8rem}.preview-bubble{color:var(--text-sub);border:1px solid var(--border-color);background:#fff;border-radius:8px;padding:8px 12px;font-size:.8rem}.sim-url{color:#cca010;margin-top:4px;font-weight:600;display:block}.public-share-layout{background-color:var(--bg-deep);background-image:var(--gradient-dawn);flex-direction:column;min-height:100vh;display:flex}.public-header{height:var(--header-height);z-index:100;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;padding:0 30px;display:flex;position:sticky;top:0}.public-header .logo-wrap{align-items:center;gap:10px;display:flex}.public-header .logo-emoji{font-size:1.6rem}.public-header .logo-name{color:var(--text-main);font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:800}.public-main-content{width:100%;max-width:var(--max-width);flex:1;margin:0 auto;padding:30px 20px 60px}.public-grid{grid-template-columns:1fr 1.1fr;gap:40px;display:grid}.showcase-left-panel{flex-direction:column;gap:20px;display:flex}.showcase-left-panel .main-card{flex-direction:column;gap:20px;padding:30px;display:flex;position:relative;overflow:hidden}.success-banner{background:var(--accent-green);color:#fff;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 4px 10px #2a9d8f33}.showcase-daruma-wrap{justify-content:center;align-items:center;padding:20px 0;display:flex}.showcase-info{flex-direction:column;gap:8px;display:flex}.showcase-category-badge{letter-spacing:.05em;border-radius:6px;align-self:flex-start;padding:3px 8px;font-size:.75rem;font-weight:800}.showcase-info h2{color:var(--text-main);font-size:1.8rem;line-height:1.25}.showcase-desc{color:var(--text-sub);white-space:pre-line;font-size:.95rem}.showcase-target{color:var(--text-dim);align-items:center;gap:8px;margin-top:5px;font-size:.85rem;display:flex}.showcase-section{border-top:1px dashed var(--border-color);padding-top:20px}.showcase-section h3{color:var(--text-main);margin-bottom:12px;font-size:1.1rem}.showcase-checklist{flex-direction:column;gap:8px;list-style:none;display:flex}.checklist-item.readonly{color:var(--text-main);align-items:center;gap:10px;font-size:.9rem;display:flex}.checkmark.readonly{border:1px solid var(--border-color);border-radius:4px;flex-shrink:0;width:18px;height:18px;display:inline-block;position:relative}.checkmark.readonly.checked{background-color:var(--accent-green);border-color:var(--accent-green)}.checkmark.readonly.checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.showcase-right-panel{flex-direction:column;gap:30px;display:flex}.cheer-station{flex-direction:column;gap:25px;padding:30px;display:flex}.sparks-display{align-items:center;gap:20px;display:flex}.heart-globe{border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.heart-pulsate{animation:1.5s ease-in-out infinite alternate heartPulse}@keyframes heartPulse{0%{transform:scale(1)}to{transform:scale(1.15)}}.count-info .spark-number{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;line-height:1}.count-info .spark-label{color:var(--text-sub);font-size:.85rem;font-weight:500}.cheer-actions{flex-direction:column;gap:12px;display:flex}.cheer-actions h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:.95rem}.phrases-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.phrase-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#fff9;border-radius:8px;padding:8px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.phrase-btn:hover{background:#fff;transform:scale(1.03);box-shadow:0 4px 10px #0000000d}.custom-cheer-form{gap:8px;margin-top:8px;display:flex}.custom-cheer-form input{border:1px solid var(--border-color);background:#fff9;border-radius:8px;flex:1;padding:10px 16px;font-size:.9rem}.submit-comment-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s;display:flex}.submit-comment-btn:hover{transform:translateY(-2px)}.timeline-container{padding:25px}.timeline-container h3{color:var(--text-main);border-bottom:1px dashed var(--border-color);margin-bottom:15px;padding-bottom:10px;font-size:1.1rem}.encouragements-timeline{flex-direction:column;gap:12px;max-height:250px;padding-right:5px;display:flex;overflow-y:auto}.timeline-card{background:#fff6;border:1px solid #3d30250f;border-radius:10px;padding:10px 14px}.timeline-card .meta{color:var(--text-dim);align-items:center;gap:6px;margin-bottom:4px;font-size:.75rem;display:flex}.timeline-card .text{color:var(--text-main);font-size:.85rem;font-style:italic;font-weight:500}.timeline-container .empty-state{text-align:center;color:var(--text-dim);padding:20px 0;font-size:.85rem}.join-banner{background:linear-gradient(135deg,#ef476f14 0%,#f5b04114 100%);border-color:#ef476f26;justify-content:space-between;align-items:center;gap:20px;padding:25px;display:flex}.banner-content h3{color:var(--text-main);margin-bottom:4px;font-size:1.2rem}.banner-content p{color:var(--text-sub);font-size:.85rem}.join-btn{background:var(--gradient-sunrise);color:#fff;padding:12px 24px}.particle-layer{pointer-events:none;z-index:1000;position:fixed;inset:0}.floating-bubble{color:var(--text-main);white-space:nowrap;border:1px solid var(--border-color);background:#fff;border-radius:20px;padding:6px 12px;font-size:1.3rem;font-weight:600;animation:2.5s cubic-bezier(.1,.8,.3,1) forwards floatUpSlow;position:absolute;box-shadow:0 4px 15px #0000001a}@keyframes floatUpSlow{0%{opacity:0;transform:translateY(100px)scale(.6)}15%{opacity:1;transform:translateY(30px)scale(1)}85%{opacity:1}to{opacity:0;transform:translateY(-150px)scale(.8)}}@media (width<=768px){.share-grid{grid-template-columns:1fr;gap:20px}.public-grid{grid-template-columns:1fr;gap:25px}.join-banner{text-align:center;flex-direction:column;align-items:stretch}.share-modal-content{padding:20px}}.congrats-direct-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 20px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #e6394633}.congrats-direct-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.congrats-direct-btn:hover:before{transition:all .5s;left:100%}.congrats-direct-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #e6394666}.congrats-direct-btn:active{transform:translateY(1px)}.mobile-bottom-nav{display:none}@media (width<=600px){.desktop-nav-links,.desktop-notifications{display:none!important}.mobile-bottom-nav{height:calc(65px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);border-top:1px solid var(--border-color);z-index:999;background:#fdfbf7f2;justify-content:space-around;align-items:center;padding-left:10px;padding-right:10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #3d302514}.mobile-nav-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;padding:6px 0;font-family:Outfit,sans-serif;font-size:10px;font-weight:600;transition:all .2s;display:flex;position:relative}.mobile-nav-btn:hover,.mobile-nav-btn.active{color:var(--accent-red)}.mobile-nav-btn.active svg{stroke:var(--accent-red);transform:scale(1.1)}.create-mobile-btn{flex-grow:0;width:60px;height:60px;position:relative;top:-12px}.create-icon-wrapper{background:var(--gradient-sunrise);color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex;box-shadow:0 4px 15px #ef476f66}.create-mobile-btn:hover .create-icon-wrapper{transform:scale(1.1)rotate(90deg)}.mobile-badge{background:var(--accent-red);color:#fff;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:14px;height:14px;font-size:9px;font-weight:700;display:flex;position:absolute;top:6px;right:22%}.mobile-notif-icon-wrap{display:inline-block;position:relative}.mobile-notif-icon-wrap .mobile-badge{top:-4px;right:-6px}.mobile-notifications-dropdown{border:1px solid var(--border-color)!important;z-index:1000!important;border-radius:16px!important;width:calc(100vw - 20px)!important;max-height:calc(100vh - 120px)!important;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp!important;position:fixed!important;inset:auto 10px 75px!important;box-shadow:0 -8px 30px #3d302526!important}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-content-container,.public-main-content,.dashboard-container,.garden-container,.feed-container{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))!important}.navbar-container{box-sizing:border-box!important;width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}.navbar-content{box-sizing:border-box!important;width:100%!important;padding:0 10px!important}input,textarea,select{font-size:16px!important}}.loading-layout,.error-layout{justify-content:center;align-items:center;padding:20px}.loading-container,.error-container{text-align:center;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:480px;margin-top:40px;padding:40px 30px;display:flex}.loading-spinner-ring{border:4px solid var(--border-color);border-top-color:var(--accent-red);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spinner-spin}@keyframes spinner-spin{to{transform:rotate(360deg)}}.error-icon{font-size:3rem;animation:3s ease-in-out infinite float}.error-desc{color:var(--text-sub);margin-bottom:10px;font-size:.95rem}