:root{--bg-cream:#fff8ef;--bg-rose:#f8d8cd;--bg-sage:#dcebd7;--paper:#fff9f3d1;--paper-strong:#fff9f3f0;--line:#794a2824;--ink:#3a2418;--ink-soft:#3a2418bd;--accent:#d67265;--accent-soft:#f5bca7;--shadow:0 28px 80px #49210c1f;--serif:"Iowan Old Style","Palatino Linotype","Book Antiqua","Apple SD Gothic Neo","Nanum Myeongjo",serif;--sans:"Avenir Next","SUIT","Pretendard","Apple SD Gothic Neo",sans-serif}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);font-family:var(--sans);background:radial-gradient(circle at 0 0,#ffd1afbf,#0000 34%),radial-gradient(circle at 85% 10%,#dfecc2c2,#0000 30%),linear-gradient(#fff6ef 0%,#fff8f1 42%,#fce6d4 100%);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}img,video{max-width:100%;display:block}main{position:relative;overflow:hidden}.login-shell,.garden-shell{min-height:100vh;position:relative}.login-shell{place-items:center;padding:32px;display:grid}.login-card{z-index:1;width:min(680px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;background:linear-gradient(#fffaf5eb,#fff8efb8);border:1px solid #a4694c24;border-radius:38px;padding:48px;position:relative}.login-kicker,.section-kicker{letter-spacing:.18em;text-transform:uppercase;color:#965b35b8;align-items:center;gap:8px;font-size:.72rem;display:inline-flex}.login-title,.narrative-card h1,.drawer-head h2,.modal-card h2{font-family:var(--serif);margin:14px 0 0;line-height:1.08}.login-title{text-align:center;margin-top:0;font-size:clamp(2.6rem,7vw,4.8rem)}.login-copy,.narrative-card p,.tree-hint,.bubble-empty,.preview-copy{color:var(--ink-soft);text-align:center;line-height:1.7}.login-actions,.preview-stack{gap:14px;margin-top:28px;display:grid}.login-form{gap:18px;margin-top:28px;display:grid}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.account-button{color:var(--ink);text-align:left;background:#fffcf8e0;border:1px solid #8c59391f;border-radius:24px;gap:6px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid}.account-button strong{font-family:var(--serif);font-size:1.15rem}.account-button span{color:var(--ink-soft);font-size:.92rem}.account-button.is-active{background:linear-gradient(#fff3eef5,#fff7f1d6);border-color:#bc5a4e5c;box-shadow:0 14px 30px #bc5a4e1f}.account-button:hover{transform:translateY(-2px)}.login-field{color:#754c31e6;gap:10px;display:grid}.login-input{width:100%;color:var(--ink);background:#fffcf8eb;border:1px solid #8c59391f;border-radius:18px;outline:none;padding:16px 18px;transition:border-color .18s,box-shadow .18s,background .18s}.login-input:focus{border-color:#bc5a4e57;box-shadow:0 0 0 4px #dd78671f}.primary-button,.pill-button,.footer-button{border:0;border-radius:999px;transition:transform .18s,box-shadow .18s,opacity .18s}.primary-button{color:#fff7f2;background:linear-gradient(135deg,#dd7867,#bc5a4e);padding:15px 22px;box-shadow:0 18px 36px #bc5a4e38}.primary-button:hover,.pill-button:hover,.footer-button:hover,.ghost-button:hover,.refresh-button:hover,.logout-button:hover,.edge-button:hover,.tag-chip:hover,.entry-card:hover,.asset-thumb:hover,.emotion-button:hover{transform:translateY(-2px)}.ghost-button,.refresh-button,.logout-button{color:var(--ink);background:#fffaf5b8;border:1px solid #8c593929;border-radius:999px}.ghost-button{padding:10px 14px}.login-alert{color:#8b4436;text-align:center;background:#ffeae7d6;border-radius:22px;gap:10px;margin-top:18px;padding:16px;display:grid}.error-copy{color:#b3483e;margin:16px 0 0}.login-footnote{color:#754c31b8;flex-wrap:wrap;gap:10px 18px;margin-top:26px;font-size:.92rem;display:flex}.login-primary{min-width:min(320px,100%);margin-top:28px}.login-aurora{filter:blur(12px);opacity:.82;border-radius:50%;width:360px;height:360px;position:absolute;inset:auto}.login-aurora-left{background:radial-gradient(circle,#ffc5acc7,#0000 68%);top:10%;left:4%}.login-aurora-right{background:radial-gradient(circle,#dbeeb7cc,#0000 66%);bottom:8%;right:4%}.garden-shell{padding:28px clamp(18px,3vw,40px) 36px}.garden-backdrop{filter:blur(20px);pointer-events:none;border-radius:50%;position:absolute;inset:auto}.garden-backdrop-top{background:radial-gradient(circle,#ffd7b7b3,#0000 70%);width:380px;height:380px;top:-120px;left:-100px}.garden-backdrop-bottom{background:radial-gradient(circle,#c7e4beb3,#0000 70%);width:340px;height:340px;bottom:80px;right:-90px}.garden-header,.garden-footer,.hero-grid,.entry-strip{z-index:1;position:relative}.garden-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;display:grid}.header-center{justify-items:center;gap:12px;display:grid}.date-navigator{grid-template-columns:48px minmax(180px,auto) 48px;align-items:center;gap:10px;display:grid}.header-copy{text-align:center}.header-copy p{color:#865739c7;margin:0}.header-copy strong{margin-top:4px;font-size:1.1rem;display:block}.date-arrow{width:48px;height:48px;color:var(--ink);background:#fffaf5d1;border:1px solid #8c59391f;border-radius:50%;transition:transform .18s,box-shadow .18s;box-shadow:0 10px 24px #532c1014}.date-arrow:hover{transform:translateY(-2px)}.pill-button{background:#fff8f1c2;justify-self:start;padding:14px 22px;box-shadow:0 12px 30px #532c1014}.garden-header>.pill-button:last-child{justify-self:end}.pill-button.is-muted{opacity:.48;cursor:not-allowed}.add-button{background:0 0;border:0;width:84px;height:84px;padding:0}.add-button img{object-fit:contain;width:100%;height:100%}.refresh-button{z-index:2;padding:9px 14px;font-size:.85rem;position:absolute;top:26px;right:36px}.logout-button{z-index:2;padding:10px 16px;position:absolute;top:24px;left:36px}.sync-indicator{z-index:2;color:#fff8f3;background:#c23a2de6;border-radius:999px;padding:8px 14px;font-size:.84rem;position:absolute;top:72px;right:36px;box-shadow:0 14px 28px #942b2238}.sync-indicator.has-error{background:#a42424f5}.edge-button{z-index:3;writing-mode:vertical-rl;text-orientation:mixed;background:#fffaf5b8;border:0;border-radius:24px;width:52px;padding:18px 10px;position:fixed;top:50%;transform:translateY(-50%);box-shadow:0 14px 30px #3c1c0d17}.edge-button-left{left:16px}.edge-button-right{right:16px}.edge-button:disabled{opacity:.42;cursor:not-allowed}.hero-grid{grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:26px;margin-top:38px;display:grid}.narrative-card,.tree-panel,.entry-card,.empty-card,.modal-card,.drawer,.footer-button,.toast{border:1px solid var(--line);background:linear-gradient(180deg,var(--paper-strong),var(--paper));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.narrative-card,.tree-panel{border-radius:34px;padding:28px}.narrative-card h1{font-size:clamp(2.2rem,4vw,3.4rem)}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.summary-grid div{background:#fff7f0b3;border-radius:22px;padding:14px 16px}.summary-grid dt{color:#805234b8;font-size:.88rem}.summary-grid dd{margin:10px 0 0;font-size:1.4rem;font-weight:600}.tag-cloud{flex-wrap:wrap;gap:10px;display:flex}.tag-chip{color:#87533a;background:#f8e2d2e6;border:0;border-radius:999px;padding:10px 14px}.tag-chip span{color:#87533a8f;margin-left:8px}.tree-panel{min-height:620px;padding:22px 18px 28px;overflow:visible}.tree-panel-head{color:#7c4c2dd6;justify-content:space-between;gap:14px;margin-bottom:10px;display:flex}.tree-stage{justify-items:center;gap:18px;min-height:620px;margin:-10px -88px 0;padding:8px 0 6px;display:grid;position:relative}.tree-image-frame{--tree-ground-top:61.5%;width:min(100%,1080px);box-shadow:none;background:0 0;border-radius:0;position:relative;overflow:visible}.tree-image-button{z-index:1;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.tree-image-button:disabled{cursor:default;opacity:1}.tree-ground-line,.tree-ground-shadow{pointer-events:none;width:86%;position:absolute;left:7%}.tree-ground-line{top:var(--tree-ground-top);z-index:0;background:radial-gradient(120% 110% at 50% 0,#fff5df33,#0000 44%),linear-gradient(#bea0781f,#bea07800);border-top:4px solid #8a6d3dd1;border-radius:50% 50% 0 0/100% 100% 0 0;height:40px}.tree-ground-shadow{top:calc(var(--tree-ground-top) + 8.1% + 14px);z-index:0;filter:blur(10px);background:radial-gradient(#68442333 0,#6844231f 34%,#0000 72%);border-radius:50%;height:30px}.tree-image{filter:drop-shadow(0 18px 28px #58351a14);width:100%;height:auto;position:relative}.tree-growth-copy{text-align:center;gap:6px;display:grid}.tree-growth-copy strong{font-family:var(--serif);font-size:clamp(1.35rem,2.6vw,2rem)}.tree-growth-copy span{color:#805234c7}.tree-orb-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.tree-orb{width:var(--orb-size);height:var(--orb-size);pointer-events:auto;cursor:pointer;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--orb-color)62%,transparent 38%));animation:orbFloat var(--orb-duration)ease-in-out infinite;animation-delay:var(--orb-delay);background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.tree-orb:disabled{cursor:default}.tree-orb.is-active{z-index:6}.tree-orb-core,.tree-orb-core:before,.tree-orb-core:after{border-radius:999px;position:absolute;inset:0}.tree-orb-core{background:radial-gradient(circle at 35% 32%,#fffffffa,#ffffff2e 38%,transparent 54%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--orb-color)80%,white 20%),color-mix(in srgb,var(--orb-color)50%,transparent 50%));box-shadow:0 0 0 2px color-mix(in srgb,var(--orb-color)16%,transparent 84%),0 0 24px color-mix(in srgb,var(--orb-color)72%,white 28%);animation:orbPulse calc(var(--orb-duration)*.52)ease-in-out infinite;animation-delay:var(--orb-delay)}.tree-orb.is-active .tree-orb-core{box-shadow:0 0 0 3px color-mix(in srgb,var(--orb-color)30%,white 70%),0 0 32px color-mix(in srgb,var(--orb-color)84%,white 16%)}.tree-orb-core:before,.tree-orb-core:after{content:"";opacity:.32;filter:blur(1px);inset:10%}.tree-orb-core:before{background:linear-gradient(90deg,#fff3,#ffffffc7,#fff3);transform:translate(-38%,-6%)scale(.72,.36)}.tree-orb-core:after{background:linear-gradient(90deg,#fff3,#ffffffc7,#fff3);transform:translate(38%,-2%)scale(.72,.36)}.tree-orb-root{z-index:2}.tree-orb-trunk{z-index:3}.tree-orb-leaf{z-index:4}.tree-creature-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.tree-creature-button{bottom:calc(100% - var(--tree-ground-top) - clamp(18px,2.2vw,30px));pointer-events:auto;background:0 0;border:0;width:clamp(72px,10vw,128px);padding:0;transition:left .92s cubic-bezier(.25,.85,.2,1.15),bottom .32s;position:absolute}.tree-creature-potato{animation:7.6s ease-in-out infinite creatureRoam,1.45s ease-in-out infinite creatureHop}.tree-creature-potato[data-side=left]{left:11%}.tree-creature-potato[data-side=right]{left:74%}.tree-creature-cheese{animation:6.4s ease-in-out infinite reverse creatureRoam,1.12s ease-in-out .18s infinite creatureHop}.tree-creature-cheese[data-side=left]{left:20%}.tree-creature-cheese[data-side=right]{left:62%}.tree-creature-button.is-curious.tree-creature-potato{animation-duration:4.8s,.92s}.tree-creature-button.is-curious.tree-creature-cheese{animation-duration:4.1s,.76s}.tree-creature-button.is-panicking{animation:.9s ease-in-out creaturePanic,.4s ease-in-out 2 creatureHop}.tree-creature-button.is-panicking .tree-creature{filter:drop-shadow(0 14px 18px #502c1629)}.tree-creature{-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:bottom;filter:drop-shadow(0 8px 10px #502c161f);width:100%;height:auto;display:block}.tree-creature-button[data-facing=right] .tree-creature{transform:scaleX(-1)}.tree-creature-button[data-facing=left] .tree-creature{transform:scaleX(1)}.tree-legend{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:0;display:flex}.tree-legend div{background:#fff7f0b8;border-radius:18px;min-width:92px;padding:12px 14px}.tree-legend span{color:#875431b8;font-size:.88rem;display:block}.tree-legend strong{font-size:1.2rem}.tree-hint{text-align:center;margin:4px 0 0}.tree-lab-shell{min-height:100vh;padding:32px}.tree-lab-card{border:1px solid var(--line);background:linear-gradient(180deg,var(--paper-strong),var(--paper));width:min(1400px,100%);box-shadow:var(--shadow);border-radius:36px;margin:0 auto;padding:28px}.tree-lab-head{text-align:center}.tree-lab-head h1{font-family:var(--serif);margin:0;font-size:clamp(2rem,4vw,3.4rem)}.tree-lab-head p{color:var(--ink-soft);margin:10px 0 0}.tree-lab-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:26px;display:grid}.tree-lab-item{background:#fffbf6c7;border:1px solid #895a391a;border-radius:28px;padding:18px}.tree-lab-item h2{font-family:var(--serif);text-align:center;margin:0 0 6px;font-size:1.45rem}.tree-lab-item p{color:var(--ink-soft);text-align:center;margin:0 0 14px}.entry-strip{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:26px;display:grid}.entry-card,.empty-card{border-radius:28px;padding:20px}.entry-card{cursor:pointer}.entry-card.is-active{outline:2px solid #d4766547}.entry-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.entry-card-actions{align-items:center;gap:8px;display:inline-flex}.entry-delete-button{color:#9f4d44;background:#b05e561f;border:0;border-radius:999px;place-items:center;width:36px;height:36px;display:inline-grid}.entry-delete-button:hover{background:#b05e562e}.entry-card-date,.story-date{color:#795034c2;font-size:.92rem}.story-date{margin-bottom:10px}.entry-tags{color:#795034bf;flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.garden-footer{justify-content:center;gap:16px;margin-top:34px;display:flex}.footer-button{border-radius:26px;min-width:138px;padding:18px 16px}.trash-launcher{z-index:9;color:#fff8f2;background:#7c4f3ae6;border:0;border-radius:999px;align-items:center;gap:8px;min-width:64px;height:64px;padding:0 18px;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 34px #5e38232e}.trash-launcher.has-items{background:#b05e56f0}.trash-launcher strong{font-size:.96rem}.overlay{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#4625132e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card,.drawer{border-radius:32px;width:min(1080px,100%);max-height:min(88vh,900px);padding:26px;overflow:auto}.compact-modal{width:min(420px,100%)}.compose-modal{width:min(1420px,100%)}.drawer-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.compose-form,.travel-form,.todo-form{gap:20px;margin-top:18px;display:grid}.field-label{color:#7e4e30db;margin-bottom:10px;display:inline-block}.helper-copy{color:#7e4e30c2;margin:12px 0 0;line-height:1.6}input,textarea,select{width:100%;color:var(--ink);background:#fffbf6db;border:1px solid #895a391f;border-radius:18px;padding:14px 16px}textarea{resize:vertical;min-height:110px}.emotion-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px 24px;display:grid}.emotion-button{background:0 0;border:1px solid #0000;border-radius:34px;gap:14px;padding:10px 0 14px;display:grid}.emotion-button img{width:min(100%,336px);max-width:336px;margin:0 auto}.emotion-button span{font-size:1.18rem;line-height:1.2}.emotion-button.is-active{border-color:color-mix(in srgb,var(--emotion-accent)55%,white 45%);background:color-mix(in srgb,var(--emotion-accent)10%,transparent 90%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--emotion-accent)25%,transparent 75%),0 12px 24px color-mix(in srgb,var(--emotion-accent)14%,transparent 86%)}.suggestion-list{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.suggestion-list button{color:#8e5740;background:#f5e1d6d1;border:0;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;display:inline-flex}.draft-list,.travel-grid,.trash-list{gap:14px;margin-top:14px;display:grid}.draft-card,.travel-card,.trash-card,.asset-thumb,.story-card,.bubble-empty,.todo-preview,.thread-preview{background:#fffaf5cc;border:1px solid #895a391a;border-radius:24px}.draft-card,.story-card,.bubble-empty,.trash-card{padding:16px}.trash-card{gap:14px;display:grid}.trash-card p{color:var(--ink-soft);margin:8px 0 0}.story-card p{color:var(--ink-soft);margin:0;line-height:1.7}.draft-topline{justify-content:space-between;gap:10px;margin-bottom:10px;display:flex}.draft-topline button{color:#b45f52;background:0 0;border:0}.chat-layout{grid-template-columns:280px minmax(0,1fr);gap:18px;margin-top:20px;display:grid}.asset-rail{align-content:start;gap:12px;display:grid}.asset-thumb{text-align:left;gap:10px;padding:12px;display:grid}.asset-thumb img,.asset-thumb video{object-fit:contain;border-radius:18px;width:100%;height:auto}.asset-thumb.is-active{outline:2px solid #d4766547}.thread-preview{overflow:hidden}.thread-preview img,.todo-preview img,.travel-card img{object-fit:contain;width:100%;height:auto;max-height:none}.thread-preview video,.todo-preview video,.travel-card video{object-fit:contain;width:100%;max-height:320px}.thread-meta,.travel-card div{padding:16px}.chat-thread{gap:16px;display:grid}.bubble-list{align-content:start;gap:12px;display:grid}.bubble{border-radius:22px;max-width:min(76%,480px);padding:14px 16px}.bubble span{color:#73482dbf;margin-bottom:6px;font-size:.82rem;display:block}.bubble.is-self{background:linear-gradient(135deg,#e88c7b33,#fcf0e7e6);justify-self:end}.bubble.is-other{background:linear-gradient(135deg,#dfeecd52,#fcfaf5e6);justify-self:start}.note-composer{gap:12px;display:grid}.note-composer button{color:#fff8f2;background:#cb6a5c;border:0;border-radius:999px;justify-self:end;padding:12px 18px}.todo-layout{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:18px;margin-top:18px;display:grid}.todo-preview{overflow:hidden}.travel-form{grid-template-columns:repeat(5,minmax(0,1fr)) 160px;align-items:center}.travel-card{overflow:hidden}.travel-card strong,.travel-card span,.travel-card p,.travel-card small{display:block}.toast{z-index:12;border-radius:20px;padding:16px 18px;position:fixed;bottom:26px;right:24px}@keyframes creatureHop{0%,to{translate:0}50%{translate:0 -8px}}@keyframes creatureRoam{0%,to{translate:0}25%{translate:8px 2px}50%{translate:-10px -3px}75%{translate:6px -1px}}@keyframes creaturePanic{0%{translate:0}20%{translate:-8px -6px}40%{translate:10px -10px}60%{translate:-6px -6px}to{translate:0}}@keyframes orbFloat{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% + var(--orb-float-x)*.45),calc(-50% - var(--orb-float-y)*.55))}50%{transform:translate(calc(-50% - var(--orb-float-x)*.42),calc(-50% - var(--orb-float-y)))}75%{transform:translate(calc(-50% + var(--orb-float-x)),calc(-50% - var(--orb-float-y)*.18))}}@keyframes orbPulse{0%,to{opacity:.72;transform:scale(.88)}50%{opacity:1;transform:scale(1.12)}}@media (max-width:1024px){.hero-grid,.chat-layout,.todo-layout,.travel-form{grid-template-columns:1fr}.edge-button{display:none}.garden-footer{flex-direction:column;align-items:stretch}.footer-button{width:100%}}@media (max-width:720px){.garden-shell,.login-shell{padding:18px 14px 24px}.login-card,.narrative-card,.tree-panel,.modal-card,.drawer,.entry-card,.empty-card{border-radius:28px;padding:20px}.garden-header,.account-grid{grid-template-columns:1fr}.header-center{order:-1}.date-navigator{grid-template-columns:44px minmax(0,1fr) 44px;width:100%}.refresh-button,.logout-button,.sync-indicator{margin-top:14px;display:inline-flex;position:static}.emotion-grid{grid-template-columns:1fr}.tree-panel{overflow:hidden}.tree-stage{min-height:420px;margin:0 -20px}.tree-image-button{width:min(100%,760px)}.tree-creature-potato[data-side=left]{left:8%}.tree-creature-potato[data-side=right]{left:72%}.tree-creature-cheese[data-side=left]{left:20%}.tree-creature-cheese[data-side=right]{left:58%}}