:root{--color-bg:#eef5e9;--color-surface:#dce9d5;--color-text:#263129;--color-muted:#68776c;--color-accent:#627f5e;--color-soft:#c4d7bc;--color-glow:#c4d7bcbf;--color-card:#ffffff7a;--color-field:#ffffffb8;--color-border:#627f5e33;--color-shadow:#3b533714;--color-accent-hover:#506c4d;--color-accent-contrast:#f8fbf5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}:root[data-theme=dark]{--color-bg:#141d16;--color-surface:#202f23;--color-text:#edf4e9;--color-muted:#a4b3a7;--color-accent:#a8c49e;--color-soft:#405743;--color-glow:#43624352;--color-card:#1f2e22c7;--color-field:#18241bd1;--color-border:#b4cdad29;--color-shadow:#00000038;--color-accent-hover:#c0d8b7;--color-accent-contrast:#1b281d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{color:var(--color-text);background:var(--color-bg);scroll-behavior:smooth}body{background:radial-gradient(circle at 85% 12%, var(--color-glow) 0, transparent 34rem), var(--color-bg);min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,input{font:inherit}#root{min-height:100vh}.profile-page{width:min(1120px,100% - 40px);min-height:100vh;margin:0 auto;padding:24px 0 48px;position:relative}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:clamp(36px,7vh,72px);display:flex}.wordmark{color:var(--color-text);letter-spacing:.08em;font-size:14px;font-weight:700}.topbar-note{color:var(--color-muted);letter-spacing:.08em;margin-left:auto;font-family:Comic Sans MS,ui-monospace,monospace;font-size:11px}.topbar-actions{flex:none;gap:8px;display:flex}.site-nav{align-items:center;gap:18px;margin-left:auto;display:flex}.site-nav a{color:var(--color-muted);font-size:14px;text-decoration:none;transition:color .18s}.site-nav a:hover{color:var(--color-accent)}.site-nav a:focus-visible{outline:3px solid var(--color-soft);outline-offset:3px;border-radius:3px}.theme-toggle,.sound-toggle{border:1px solid var(--color-border);width:42px;height:42px;color:var(--color-text);background:var(--color-card);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:color .18s,background .18s,transform .18s;display:grid}.theme-toggle:hover,.sound-toggle:hover{color:var(--color-accent);transform:rotate(-8deg)}.theme-toggle:focus-visible,.sound-toggle:focus-visible{outline:3px solid var(--color-soft);outline-offset:3px}.theme-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;animation:.18s ease-out icon-in}.theme-icon--moon{fill:currentColor;stroke:none;width:20px;height:20px}.sound-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}@keyframes icon-in{0%{opacity:0;transform:scale(.75)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}.eyebrow{color:var(--color-accent);letter-spacing:.1em;margin:0;font-size:14px;font-weight:600}h1{max-width:760px;color:var(--color-text);letter-spacing:-.055em;margin:18px 0 28px;font-size:clamp(48px,10vw,96px);font-weight:800;line-height:.95}#page-title,#desktop-title,#highlights-title,#agent-title{scroll-margin-top:32px}.introduction{max-width:620px;color:var(--color-muted);margin:0;font-size:clamp(18px,2vw,22px);line-height:1.75}.profile-note{color:var(--color-muted);margin-top:42px;font-size:14px}.status-toggle{color:var(--color-accent-contrast);background:var(--color-accent);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:14px;margin-top:24px;padding:12px 18px;transition:transform .18s,background .18s;display:inline-flex}.status-toggle:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.status-toggle:focus-visible{outline:3px solid var(--color-soft);outline-offset:3px}.status-panel{border:1px solid var(--color-border);border-left:4px solid var(--color-accent);background:var(--color-card);border-radius:4px 18px 18px 4px;max-width:620px;margin-top:18px;padding:22px;animation:.24s ease-out reveal}.status-panel strong{color:var(--color-text);margin-top:24px;font-size:22px;display:block}.status-panel>p:last-child{color:var(--color-muted);margin:10px 0 0;font-size:15px;line-height:1.75}@keyframes reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.desktop-demo{margin-top:0}.desktop-demo__intro{max-width:780px;margin-bottom:34px}.desktop-demo__intro h1{color:var(--color-text);letter-spacing:-.055em;margin:14px 0 18px;font-size:clamp(44px,8vw,82px);line-height:.98}.desktop-demo__lead{max-width:660px;color:var(--color-muted);margin:0;font-size:clamp(17px,2vw,21px);line-height:1.75}.desktop-demo__hint{color:var(--color-accent);margin:18px 0 0;font-size:13px}.desktop-shell{--desk-bg:#e2eedb;--desk-dot:#4b694629;--desk-paper:#f7fbf2;--desk-shadow:#9eb399;border:2px solid var(--color-text);background-color:var(--desk-bg);background-image:radial-gradient(var(--desk-dot) 1.4px, transparent 1.4px);min-height:500px;box-shadow:8px 8px 0 var(--desk-shadow);background-size:20px 20px;border-radius:28px 22px 32px 24px;padding:18px 24px 28px;position:relative;overflow:hidden}:root[data-theme=dark] .desktop-shell{--desk-bg:#1b291e;--desk-dot:#bed7b61f;--desk-paper:#243529;--desk-shadow:#0b120d}.desktop-menubar{z-index:2;border:1.5px solid var(--color-text);color:var(--color-text);background:var(--desk-paper);border-radius:11px 14px 10px 13px;justify-content:space-between;align-items:center;gap:16px;padding:8px 12px;font-family:Comic Sans MS,Microsoft YaHei,sans-serif;font-size:12px;display:flex;position:relative}.desktop-logo{letter-spacing:.05em;font-weight:700}.desktop-clock{font-variant-numeric:tabular-nums;letter-spacing:.04em}.desktop-icons{z-index:1;grid-template-columns:repeat(5,minmax(100px,1fr));gap:20px;max-width:940px;margin:54px auto 36px;display:grid;position:relative}.desktop-app{min-width:0;color:var(--color-text);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:9px;padding:0;font-family:Comic Sans MS,Microsoft YaHei,sans-serif;display:flex}.desktop-app__icon{border:2px solid var(--color-text);color:#263129;width:88px;height:88px;box-shadow:4px 4px 0 var(--color-text);border-radius:22px 17px 24px 18px;place-items:center;transition:transform .18s,box-shadow .18s;display:grid;position:relative;transform:rotate(-2deg)}.desktop-app__shortcut{z-index:2;border:1.5px solid var(--color-text);width:22px;height:22px;color:var(--color-text);background:var(--color-bg);box-shadow:2px 2px 0 var(--color-text);border-radius:50%;place-items:center;font-family:Comic Sans MS,ui-monospace,monospace;font-size:10px;font-weight:700;display:grid;position:absolute;top:-9px;left:-9px}.desktop-app.is-open .desktop-app__icon{outline:2px dashed var(--color-accent);outline-offset:5px}.desktop-app:nth-child(2) .desktop-app__icon{transform:rotate(2deg)}.desktop-app:nth-child(3) .desktop-app__icon{transform:rotate(-1deg)}.desktop-app:nth-child(4) .desktop-app__icon{transform:rotate(1.5deg)}.desktop-app:hover .desktop-app__icon{box-shadow:6px 7px 0 var(--color-text);transform:translateY(-5px)rotate(0)}.desktop-app:focus-visible{outline:3px solid var(--color-accent);outline-offset:5px;border-radius:12px}.desktop-app__icon--sprout{background:#dcefd1}.desktop-app__icon--leaf{background:#c8e2b9}.desktop-app__icon--fern{background:#add19f}.desktop-app__icon--moss{background:#8db884}.desktop-app__icon--herb{background:#b7d4a7}.desktop-app__icon svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:54px;height:54px}.desktop-app__label{font-size:14px;font-weight:700}.desktop-app__filename{max-width:120px;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-family:Comic Sans MS,ui-monospace,monospace;font-size:10px;overflow:hidden}.desktop-sparkle{z-index:0;color:var(--color-accent);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.desktop-sparkle--one{opacity:.64;font-size:46px;top:84px;right:7%;transform:rotate(12deg)}.desktop-sparkle--two{opacity:.7;font-size:54px;bottom:64px;right:12%;transform:rotate(-12deg)}.desktop-burst-layer{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.desktop-click-burst{width:0;height:0;color:var(--color-accent);position:absolute}.desktop-click-burst>span:not(.desktop-click-burst__ring){opacity:0;text-shadow:0 1px 0 var(--color-bg);font-family:Comic Sans MS,Georgia,serif;font-size:18px;font-weight:700;animation:.76s cubic-bezier(.18,.72,.26,1) forwards desktop-particle;position:absolute;top:0;left:0}.desktop-click-burst>span:nth-child(3),.desktop-click-burst>span:nth-child(5){color:#86aa78;font-size:14px}.desktop-click-burst__ring{border:2px dashed var(--color-accent);opacity:0;border-radius:50%;width:24px;height:24px;animation:.62s ease-out forwards desktop-click-ring;position:absolute;transform:translate(-50%,-50%)scale(.35)}@keyframes desktop-particle{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)rotate(0)}20%{opacity:.9}to{opacity:0;transform:translate(calc(-50% + var(--particle-x)), calc(-50% + var(--particle-y))) scale(1.1) rotate(70deg)}}@keyframes desktop-click-ring{0%{opacity:.55;transform:translate(-50%,-50%)scale(.35)}to{opacity:0;transform:translate(-50%,-50%)scale(2.3)}}@keyframes sparkle-float-a{0%,to{transform:translateY(0)rotate(12deg)}50%{transform:translate(3px,-15px)rotate(28deg)}}@keyframes sparkle-float-b{0%,to{transform:translateY(0)rotate(-12deg)}50%{transform:translate(-4px,-18px)rotate(-30deg)}}.desktop-hint{z-index:2;color:var(--color-muted);margin:0;font-family:Comic Sans MS,Microsoft YaHei,sans-serif;font-size:12px;position:absolute;bottom:22px;left:26px}.context-menu-backdrop{z-index:13000;position:fixed;inset:0}.desktop-context-menu{border:2px solid var(--color-text);background:var(--color-bg);width:224px;max-height:calc(100svh - 20px);box-shadow:6px 6px 0 var(--color-text);border-radius:16px 13px 18px 14px;padding:10px;font-family:Comic Sans MS,Microsoft YaHei,sans-serif;position:fixed;overflow-y:auto}.desktop-context-menu>p{border-bottom:1px dashed var(--color-border);color:var(--color-muted);letter-spacing:.08em;margin:0 4px 8px;padding:2px 4px 8px;font-size:10px;font-weight:700}.desktop-context-menu button{width:100%;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:7px 8px;font-size:12px;display:flex}.desktop-context-menu button:hover:not(:disabled){color:var(--color-accent);background:var(--color-card)}.desktop-context-menu button:focus-visible{outline:3px solid var(--color-soft);outline-offset:-2px}.desktop-context-menu button:disabled{cursor:not-allowed;opacity:.4}.desktop-context-menu__key{border:1px solid var(--color-border);width:21px;height:21px;color:var(--color-muted);background:var(--color-card);border-radius:6px;flex:none;place-items:center;font-family:ui-monospace,Consolas,monospace;font-size:9px;font-weight:700;display:grid}.desktop-context-menu__divider{background:var(--color-border);height:1px;margin:7px 5px}.mutsumi-decor{z-index:0;color:var(--color-accent);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.mutsumi-doodle{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;position:absolute}.mutsumi-doodle--guitar{opacity:.11;width:170px;bottom:-22px;left:2%;transform:rotate(-17deg)}.mutsumi-doodle--cucumber{opacity:.17;width:108px;top:66px;right:4%;transform:rotate(18deg)}.mutsumi-doodle--cucumber-strip{opacity:.16;width:148px;bottom:22px;left:24%;transform:rotate(-7deg)}@keyframes cucumber-float{0%,to{transform:translate(0)rotate(18deg)}50%{transform:translate(-4px,-17px)rotate(26deg)}}@keyframes cucumber-strip-float{0%,to{transform:translate(0)rotate(-7deg)}50%{transform:translate(8px,-14px)rotate(2deg)}}@keyframes guitar-float{0%,to{transform:translate(0)rotate(-17deg)}50%{transform:translate(5px,-9px)rotate(-12deg)}}@media (prefers-reduced-motion:no-preference){.desktop-sparkle--one{animation:7s ease-in-out infinite sparkle-float-a}.desktop-sparkle--two{animation:9s ease-in-out infinite sparkle-float-b}.mutsumi-doodle--cucumber{animation:7.2s ease-in-out infinite cucumber-float}.mutsumi-doodle--cucumber-strip{animation:8.4s ease-in-out infinite cucumber-strip-float}.mutsumi-doodle--guitar{animation:10s ease-in-out infinite guitar-float}}.mutsumi-word{letter-spacing:.14em;opacity:.08;font-family:Comic Sans MS,Microsoft YaHei,sans-serif;font-size:clamp(36px,7vw,68px);font-weight:700;position:absolute;bottom:13px;right:7%;transform:rotate(-4deg)}.mutsumi-caption{letter-spacing:.17em;opacity:.42;text-transform:uppercase;font-family:Comic Sans MS,ui-monospace,monospace;font-size:9px;position:absolute;top:82px;left:5%;transform:rotate(-5deg)}.mutsumi-doll{z-index:4;cursor:pointer;background:0 0;border:0;border-radius:50%;width:112px;height:112px;padding:0;position:absolute;top:88px;right:0;overflow:visible}.mutsumi-doll__image{object-fit:contain;transform-origin:50% 78%;opacity:.88;mix-blend-mode:multiply;width:100%;height:100%;transition:transform .18s;display:block;-webkit-mask-image:radial-gradient(circle,#000 48%,#000000d1 62%,#0000 82%);mask-image:radial-gradient(circle,#000 48%,#000000d1 62%,#0000 82%)}.mutsumi-doll:hover .mutsumi-doll__image{transform:rotate(3deg)scale(1.04)}.mutsumi-doll:focus-visible{outline:4px solid var(--color-accent);outline-offset:2px}.mutsumi-doll.is-dancing .mutsumi-doll__image{animation:.76s ease-in-out infinite mutsumi-bob}.mutsumi-doll.is-dancing:after{z-index:1;border:1px dashed var(--color-accent);content:"";opacity:0;pointer-events:none;border-radius:50%;animation:1.8s ease-out infinite mutsumi-ring;position:absolute;inset:7%}.mutsumi-notes{z-index:3;width:116%;height:100%;color:var(--color-accent);pointer-events:none;position:absolute;bottom:8%;left:-7%}.mutsumi-notes span{opacity:0;text-shadow:0 1px 0 var(--color-bg);font-family:Georgia,serif;font-weight:700;animation:2.4s ease-out infinite note-rise;position:absolute;bottom:8px}.mutsumi-notes span:first-child{font-size:20px;left:8%}.mutsumi-notes span:nth-child(2){font-size:16px;animation-delay:.8s;left:48%}.mutsumi-notes span:nth-child(3){font-size:13px;animation-delay:1.5s;right:4%}:root[data-theme=dark] .mutsumi-doll__image{opacity:.72;mix-blend-mode:screen}@keyframes mutsumi-ring{0%{opacity:.38;transform:scale(.82)}75%,to{opacity:0;transform:scale(1.22)}}@keyframes note-rise{0%{opacity:0;transform:translateY(5px)rotate(-8deg)}18%{opacity:.78}70%{opacity:.65}to{opacity:0;transform:translate(12px,-64px)rotate(13deg)}}@keyframes mutsumi-bob{0%,to{transform:translateY(0)rotate(-4deg)scale(1)}25%{transform:translateY(-10px)rotate(6deg)scale(1.03)}50%{transform:translateY(-2px)rotate(-7deg)scale(1)}75%{transform:translateY(-12px)rotate(4deg)scale(1.03)}}.window-layer{z-index:1000;pointer-events:none;place-items:center;padding:20px 20px 92px;display:grid;position:fixed;inset:0}.app-window{border:3px solid var(--color-text);width:min(560px,100%);max-height:min(700px,100svh - 132px);color:var(--color-text);background:var(--color-bg);box-shadow:10px 10px 0 var(--color-text);pointer-events:auto;will-change:transform;border-radius:26px 19px 30px 22px;grid-area:1/1;animation:.26s cubic-bezier(.2,.9,.25,1.15) window-pop;position:relative;overflow:auto}.app-window.is-active{box-shadow:12px 12px 0 var(--color-accent)}.app-window.is-dragging{-webkit-user-select:none;user-select:none;animation:none}.app-window.is-resizing{-webkit-user-select:none;user-select:none;will-change:width, height, transform;animation:none}.app-window.is-minimized{display:none}.app-window.is-maximized{width:calc(100vw - 40px);height:calc(100svh - 132px);max-height:none;transform:none!important}.app-window__bar{z-index:2;border-bottom:2px solid var(--color-text);background:var(--color-surface);cursor:grab;touch-action:none;align-items:center;gap:14px;padding:10px 12px;display:flex;position:sticky;top:0}.app-window.is-dragging .app-window__bar{cursor:grabbing}.app-window.is-maximized .app-window__bar{cursor:default;touch-action:auto}.app-window__dots{gap:5px;display:flex}.app-window__dots span{border:1px solid var(--color-text);background:#e99c8c;border-radius:50%;width:9px;height:9px}.app-window__dots span:nth-child(2){background:#f1d483}.app-window__dots span:nth-child(3){background:#a9cda0}.app-window__filename{text-overflow:ellipsis;white-space:nowrap;font-family:Comic Sans MS,ui-monospace,monospace;font-size:11px;overflow:hidden}.app-window__drag-hint{color:var(--color-muted);letter-spacing:.08em;white-space:nowrap;font-family:Comic Sans MS,ui-monospace,monospace;font-size:10px}.app-window__actions{flex:none;gap:6px;margin-left:auto;display:flex}.app-window__minimize,.app-window__maximize,.app-window__close{border:1.5px solid var(--color-text);width:32px;height:32px;color:var(--color-text);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;font-family:Comic Sans MS,sans-serif;font-size:24px;line-height:1;transition:transform .18s;display:grid}.app-window__minimize:hover,.app-window__maximize:hover,.app-window__close:hover{transform:rotate(8deg)scale(1.06)}.app-window__minimize:focus-visible,.app-window__maximize:focus-visible,.app-window__close:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.app-window__maximize{font-size:17px}.app-window__content{padding:clamp(26px,6vw,44px);position:relative}.app-window__resize{z-index:4;background:repeating-linear-gradient(135deg, transparent 0 4px, var(--color-muted) 4px 5px);cursor:nwse-resize;opacity:.45;touch-action:none;border:0;width:24px;height:24px;padding:0;position:absolute;bottom:3px;right:3px}.app-window__resize:hover{opacity:.8}.app-window.is-maximized .app-window__resize{display:none}.app-window__sticker{border:2px solid var(--color-text);color:#263129;width:64px;height:64px;box-shadow:4px 4px 0 var(--color-text);border-radius:20px 16px 22px 15px;place-items:center;margin-bottom:24px;display:grid;transform:rotate(-4deg)}.app-window--sprout .app-window__sticker{background:#dcefd1}.app-window--leaf .app-window__sticker{background:#c8e2b9}.app-window--fern .app-window__sticker{background:#add19f}.app-window--moss .app-window__sticker{background:#8db884}.app-window--herb .app-window__sticker{background:#b7d4a7}.app-window__sticker svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:40px;height:40px}.app-window__kicker{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.app-window h3{color:var(--color-text);letter-spacing:-.045em;margin:0 0 16px;font-size:clamp(30px,6vw,46px);line-height:1.1}.app-window__content>p:not(.app-window__kicker){color:var(--color-muted);line-height:1.75}.app-window ul{color:var(--color-text);gap:9px;margin:22px 0;padding-left:20px;display:grid}.app-window li::marker{color:var(--color-accent)}.app-window__note{background:var(--color-card);border-radius:4px 12px 5px 11px;margin:8px 0 0;padding:8px 12px;font-size:13px;display:inline-block;transform:rotate(-1deg)}.window-dock{z-index:10000;border:2px solid var(--color-text);background:var(--color-bg);max-width:calc(100vw - 24px);box-shadow:5px 5px 0 var(--color-text);pointer-events:auto;border-radius:20px 16px 22px 17px;align-items:center;gap:6px;padding:7px;display:flex;position:fixed;bottom:14px;left:50%;overflow-x:auto;transform:translate(-50%)}.window-dock__app{min-width:58px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:11px;flex-direction:column;align-items:center;gap:2px;padding:4px 6px;font-family:Comic Sans MS,Microsoft YaHei,sans-serif;font-size:9px;display:flex;position:relative}.window-dock__app.has-open-window:after{background:var(--color-accent);content:"";border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;right:7px}.window-dock__app.is-minimized .window-dock__icon{opacity:.55}.window-dock__arrange{border:0;border-left:1px solid var(--color-border);min-width:54px;color:var(--color-muted);cursor:pointer;background:0 0;border-radius:11px;flex-direction:column;align-items:center;gap:2px;padding:4px 7px 4px 10px;font-family:Comic Sans MS,Microsoft YaHei,sans-serif;font-size:9px;display:flex}.window-dock__arrange:hover{color:var(--color-text);background:var(--color-card)}.window-dock__arrange:focus-visible{outline:3px solid var(--color-accent);outline-offset:1px}.window-dock__arrange-icon{border:1px dashed var(--color-accent);width:30px;height:30px;color:var(--color-accent);border-radius:9px;place-items:center;font-size:17px;line-height:1;display:grid}.window-dock__app:hover,.window-dock__app.is-active{color:var(--color-text);background:var(--color-card)}.window-dock__app:focus-visible{outline:3px solid var(--color-accent);outline-offset:1px}.window-dock__icon{border:1px solid var(--color-text);color:#263129;border-radius:9px 7px 10px 8px;place-items:center;width:30px;height:30px;display:grid}.window-dock__icon--sprout{background:#dcefd1}.window-dock__icon--leaf{background:#c8e2b9}.window-dock__icon--fern{background:#add19f}.window-dock__icon--moss{background:#8db884}.window-dock__icon--herb{background:#b7d4a7}.window-dock__icon svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.web-accordion{margin-top:24px}.accordion-casing{border:2px solid var(--color-text);height:74px;box-shadow:3px 4px 0 var(--color-text);background:#6f936b;border-radius:16px 11px 15px 12px;grid-template-columns:52px minmax(0,1fr) 52px;display:grid;overflow:hidden;transform:rotate(-.5deg)}.accordion-grille{background:linear-gradient(135deg,#ffffff38,#0000 45%),#89a982;align-content:center;gap:5px;padding:12px 10px;display:grid}.accordion-grille span{opacity:.6;background:#435f46;border-radius:999px;height:4px}.accordion-bellows{background:#dbe4c8;border-inline:2px solid #435f46;grid-template-columns:repeat(9,1fr);display:grid}.accordion-bellows span{background:linear-gradient(90deg,#c9d6b8,#edf0dc 50%,#b8c9aa);border-right:1px solid #78906e}.accordion-bellows span:nth-child(2n){background:linear-gradient(90deg,#b8c9aa,#dce5ca 50%,#a7baa0)}.accordion-toolbar{justify-content:space-between;align-items:flex-end;gap:18px;margin-top:20px;display:flex}.accordion-toolbar p{color:var(--color-accent);letter-spacing:.11em;margin:0;font-size:11px;font-weight:700}.accordion-toolbar>div>span{color:var(--color-muted);margin-top:5px;font-size:12px;line-height:1.5;display:block}.accordion-octave-switch{flex:none;gap:5px;display:flex}.accordion-octave-switch button{border:1px solid var(--color-border);min-width:42px;color:var(--color-muted);background:var(--color-card);cursor:pointer;border-radius:9px;padding:7px 9px;font-size:11px}.accordion-octave-switch button.is-active{border-color:var(--color-accent);color:var(--color-accent-contrast);background:var(--color-accent)}.accordion-octave-switch button:focus-visible{outline:3px solid var(--color-soft);outline-offset:2px}.accordion-keyboard{scrollbar-width:thin;gap:11px;margin-top:18px;padding-bottom:4px;display:grid;overflow-x:auto}.accordion-octave{grid-template-columns:28px minmax(390px,1fr);align-items:end;gap:7px;display:grid}.accordion-octave__label{color:var(--color-muted);padding-bottom:8px;font-family:Comic Sans MS,ui-monospace,monospace;font-size:10px;font-weight:700}.accordion-piano{filter:drop-shadow(0 4px #27352a2e);touch-action:none;grid-template-columns:repeat(7,1fr);height:88px;display:grid;position:relative}.accordion-key{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.accordion-key--white{color:#314238;background:linear-gradient(#fffdf3,#e9e7d8);border:1px solid #73806b;border-radius:0 0 8px 8px;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;min-width:0;padding:8px 3px;font-family:Comic Sans MS,Microsoft YaHei,sans-serif;font-size:11px;transition:background .1s,transform .1s;display:flex;box-shadow:inset 0 -5px #d5d3c4}.accordion-key--white span{font-weight:700}.accordion-key small{opacity:.58;font-family:ui-monospace,Consolas,monospace;font-size:9px}.accordion-key--white.is-active{background:linear-gradient(#dcefd1,#b9d6ae);transform:translateY(3px);box-shadow:inset 0 -2px #8bb781}.accordion-key--black{z-index:2;color:#eaf1e6;background:linear-gradient(#344239,#17221b);border:1px solid #101812;border-radius:0 0 6px 6px;flex-direction:column;justify-content:flex-end;align-items:center;gap:1px;width:9%;height:54px;padding:4px 2px;font-family:Comic Sans MS,Microsoft YaHei,sans-serif;font-size:9px;transition:background .1s,transform .1s;display:flex;position:absolute;top:0;transform:translate(-50%);box-shadow:inset 0 -4px #101711,0 3px 2px #1f2d233d}.accordion-key--black.is-active{background:linear-gradient(#7aa674,#4f7653);transform:translate(-50%,2px)}.accordion-key:focus-visible{z-index:3;outline:3px solid var(--color-accent);outline-offset:-3px}.accordion-shortcut{color:var(--color-muted);letter-spacing:.06em;margin:15px 0 0;font-family:Comic Sans MS,ui-monospace,monospace;font-size:10px}.cucumber-garden{margin-top:24px}.garden-scene{--garden-sky:#edf6df;--garden-hill:#9ec78b;--garden-soil:#8c684c;border:2px solid var(--color-text);background:radial-gradient(circle at 76% 24%, #fff9b5 0 22px, transparent 23px), linear-gradient(var(--garden-sky), #dcebcc);height:235px;box-shadow:3px 4px 0 var(--color-text);border-radius:20px 16px 23px 18px;position:relative;overflow:hidden}:root[data-theme=dark] .garden-scene{--garden-sky:#25372b;--garden-hill:#4d714f;--garden-soil:#5c493a;background:radial-gradient(circle at 76% 24%, #e7db7e 0 22px, transparent 23px), linear-gradient(var(--garden-sky), #304732)}.garden-sun{background:#f4e98d;border:1.5px solid #867a38;border-radius:50%;width:34px;height:34px;position:absolute;top:21px;right:25px;box-shadow:0 0 0 9px #f4e98d33}.garden-cloud{background:#ffffff85;border-radius:999px;width:62px;height:19px;position:absolute;top:37px;left:28px}.garden-cloud:before,.garden-cloud:after{background:inherit;content:"";border-radius:50%;position:absolute;bottom:5px}.garden-cloud:before{width:27px;height:27px;left:10px}.garden-cloud:after{width:19px;height:19px;right:8px}.garden-ground{background:var(--garden-hill);border-top:2px solid #739867;border-radius:50% 50% 0 0;height:64px;position:absolute;bottom:22px;left:-10%;right:-10%}.garden-plant{z-index:2;width:190px;height:178px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.garden-pot,.garden-stem,.garden-leaf,.garden-bud,.garden-cucumber{transition:height .42s,opacity .32s,transform .42s;position:absolute}.garden-pot{background:linear-gradient(90deg,#ffffff29,#0000 38%),#bc8060;border:2px solid #684a38;border-radius:8px 8px 25px 25px;width:96px;height:58px;bottom:0;left:50%;transform:translate(-50%)}.garden-pot:before{content:"";background:#cc9170;border:2px solid #684a38;border-radius:7px;width:106px;height:16px;position:absolute;top:-9px;left:-7px}.garden-pot:after{background:var(--garden-soil);content:"";border-radius:50%;width:78px;height:9px;position:absolute;top:-4px;left:7px}.garden-stem{background:#76a56e;border:1px solid #456b43;border-radius:999px;width:7px;height:8px;bottom:52px;left:50%;transform:translate(-50%)}.garden-leaf{opacity:0;background:#86b67a;border:1.5px solid #456b43;border-radius:100% 0;width:35px;height:20px}.garden-leaf--one{bottom:74px;left:96px;transform:rotate(-24deg)scale(.6)}.garden-leaf--two{bottom:91px;right:96px;transform:rotate(24deg)scaleX(-1)scale(.6)}.garden-leaf--three{width:28px;height:16px;bottom:109px;left:99px;transform:rotate(-38deg)scale(.5)}.garden-bud{opacity:0;background:#d7e99e;border:1.5px solid #5d7d4e;border-radius:50% 50% 42% 42%;width:17px;height:21px;bottom:127px;left:50%;transform:translate(-50%)scale(.5)}.garden-cucumber{opacity:0;background:radial-gradient(circle at 35% 28%,#d7e6a0 0 1.5px,#0000 2px),radial-gradient(circle at 64% 47%,#d7e6a0 0 1.5px,#0000 2px),radial-gradient(circle at 39% 74%,#d7e6a0 0 1.5px,#0000 2px),linear-gradient(100deg,#9cc877,#6d9c63);border:1.5px solid #426642;border-radius:46% 54% 50% 45%;width:24px;height:49px;bottom:91px;right:61px;transform:translate(5px,8px)rotate(22deg)scale(.5)}.garden-plant--1 .garden-stem{height:34px}.garden-plant--1 .garden-leaf--one,.garden-plant--2 .garden-leaf--one,.garden-plant--3 .garden-leaf--one,.garden-plant--4 .garden-leaf--one{opacity:1;transform:rotate(-24deg)scale(1)}.garden-plant--2 .garden-stem,.garden-plant--3 .garden-stem,.garden-plant--4 .garden-stem{height:82px}.garden-plant--2 .garden-leaf--two,.garden-plant--2 .garden-leaf--three,.garden-plant--3 .garden-leaf--two,.garden-plant--3 .garden-leaf--three,.garden-plant--4 .garden-leaf--two,.garden-plant--4 .garden-leaf--three{opacity:1}.garden-plant--2 .garden-leaf--two,.garden-plant--3 .garden-leaf--two,.garden-plant--4 .garden-leaf--two{transform:rotate(24deg)scaleX(-1)scale(1)}.garden-plant--2 .garden-leaf--three,.garden-plant--3 .garden-leaf--three,.garden-plant--4 .garden-leaf--three{transform:rotate(-38deg)scale(1)}.garden-plant--3 .garden-stem,.garden-plant--4 .garden-stem{height:111px}.garden-plant--3 .garden-bud,.garden-plant--4 .garden-bud{opacity:1;transform:translate(-50%)scale(1)}.garden-plant--4 .garden-cucumber{opacity:1;transform:translate(0)rotate(22deg)scale(1)}.garden-plant--4 .garden-bud{background:#f1e49e;transform:translate(-50%)scale(1.15)}.garden-water-splash{z-index:3;color:#6ba7b4;pointer-events:none;width:92px;height:56px;position:absolute;bottom:164px;right:calc(50% - 92px)}.garden-water-splash span{opacity:0;font-size:25px;animation:.65s ease-in forwards water-drop;position:absolute;top:0}.garden-water-splash span:first-child{left:8px}.garden-water-splash span:nth-child(2){animation-delay:80ms;left:40px}.garden-water-splash span:nth-child(3){animation-delay:.15s;right:6px}@keyframes water-drop{0%{opacity:0;transform:translateY(-16px)scale(.7)}25%{opacity:.9}to{opacity:0;transform:translateY(43px)scale(1.15)}}.garden-status{grid-template-columns:1fr minmax(100px,.7fr);align-items:center;gap:16px;margin-top:19px;display:grid}.garden-status p{color:var(--color-text);margin:0;font-size:14px;font-weight:700}.garden-status>div>span{color:var(--color-muted);margin-top:4px;font-size:11px;display:block}.garden-progress{border:1px solid var(--color-border);background:var(--color-card);border-radius:999px;height:9px;overflow:hidden}.garden-progress span{border-radius:inherit;background:linear-gradient(90deg,#b7d4a7,#628b5d);height:100%;transition:width .36s;display:block}.garden-message{border-left:3px solid var(--color-accent);min-height:45px;color:var(--color-muted);background:var(--color-card);border-radius:3px 12px 12px 3px;margin:12px 0 0;padding:11px 13px;font-size:12px;line-height:1.65}.garden-actions{gap:9px;margin-top:14px;display:flex}.garden-actions button{border:1px solid var(--color-border);cursor:pointer;border-radius:10px;padding:10px 16px;font-size:12px}.garden-water-button{color:var(--color-accent-contrast);background:var(--color-accent)}.garden-reset-button{color:var(--color-muted);background:var(--color-card)}.garden-actions button:focus-visible{outline:3px solid var(--color-soft);outline-offset:2px}@keyframes window-pop{0%{opacity:0}to{opacity:1}}.highlights{margin-top:72px}.section-heading{border-bottom:1px solid var(--color-soft);justify-content:space-between;align-items:end;gap:24px;padding-bottom:18px;display:flex}.section-heading p,.info-card__label{color:var(--color-accent);letter-spacing:.12em;margin:0;font-size:12px;font-weight:700}.section-heading h2{color:var(--color-text);letter-spacing:-.035em;margin:0;font-size:clamp(28px,4vw,42px);line-height:1.1}.card-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px;display:grid}.info-card{border:1px solid var(--color-border);background:var(--color-card);min-height:230px;box-shadow:0 18px 50px var(--color-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:22px;padding:24px}.info-card h3{color:var(--color-text);margin:54px 0 12px;font-size:24px}.info-card>p:last-child{color:var(--color-muted);margin:0;font-size:15px;line-height:1.75}.learning-tracker{margin-top:72px}.learning-tracker--embedded{margin-top:24px}.learning-embedded-bar{border-bottom:1px solid var(--color-soft);color:var(--color-muted);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:16px;padding-bottom:11px;font-size:11px;font-weight:700;display:flex}.learning-tracker--embedded .goal-list{margin-top:12px}.learning-tracker--embedded .goal-form{margin-top:16px}.learning-heading{align-items:center;gap:16px;display:flex}.learning-heading>span{color:var(--color-muted);white-space:nowrap;font-size:13px}.goal-list{gap:9px;margin:18px 0 0;padding:0;list-style:none;display:grid}.goal{border:1px solid var(--color-border);background:var(--color-card);border-radius:16px;align-items:center;gap:10px;padding:10px 12px;display:flex}.goal-toggle{min-width:0;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:5px;display:flex}.goal-check{border:1px solid var(--color-accent);width:22px;height:22px;color:var(--color-accent-contrast);border-radius:50%;flex:none;place-items:center;font-size:13px;line-height:1;display:grid}.goal.is-complete .goal-check{background:var(--color-accent)}.goal.is-complete .goal-toggle>span:last-child{color:var(--color-muted);text-decoration:line-through}.goal-delete{color:var(--color-muted);cursor:pointer;background:0 0;border:0;flex:none;padding:6px 8px;font-size:12px}.goal-delete:hover{color:var(--color-text)}.goal-toggle:focus-visible,.goal-delete:focus-visible,.goal-form button:focus-visible,.goal-form input:focus{outline:3px solid var(--color-soft);outline-offset:2px}.goal-empty{color:var(--color-muted);margin:24px 0}.goal-form{margin-top:20px}.goal-form label{color:var(--color-text);margin-bottom:9px;font-size:14px;font-weight:600;display:block}.goal-form__row{gap:10px;display:flex}.goal-form input{border:1px solid var(--color-border);min-width:0;color:var(--color-text);background:var(--color-field);border-radius:12px;flex:1;padding:12px 15px}.goal-form button{color:var(--color-accent-contrast);background:var(--color-accent);cursor:pointer;border:0;border-radius:12px;padding:11px 18px}.goal-form button:disabled{cursor:not-allowed;opacity:.45}.mini-agent{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 24px 70px var(--color-shadow);border-radius:30px;margin-top:72px;padding:clamp(24px,5vw,42px)}.mini-agent--embedded{box-shadow:none;background:0 0;border:0;border-radius:0;margin:22px 0 0;padding:0}.mini-agent__embedded-bar{border-bottom:1px solid var(--color-soft);color:var(--color-muted);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:16px;padding-bottom:11px;font-size:11px;font-weight:700;display:flex}.mini-agent--embedded .agent-conversation{max-height:260px;margin-top:14px}.mini-agent--embedded .agent-form{margin-top:18px}.mini-agent__intro{max-width:620px}.mini-agent__heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.mini-agent__intro h2{color:var(--color-text);letter-spacing:-.04em;margin:14px 0 12px;font-size:clamp(30px,5vw,48px);line-height:1.1}.mini-agent__intro>p:last-child{color:var(--color-muted);margin:0;font-size:15px;line-height:1.75}.agent-clear{border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:8px 12px;transition:color .18s,border-color .18s}.agent-clear:hover:not(:disabled){color:var(--color-accent);border-color:var(--color-accent)}.agent-clear:focus-visible{outline:3px solid var(--color-soft);outline-offset:3px}.agent-clear:disabled{cursor:not-allowed;opacity:.4}.agent-form{margin-top:28px}.agent-form label{color:var(--color-text);margin-bottom:9px;font-size:14px;font-weight:600;display:block}.agent-form__row{gap:10px;display:flex}.agent-form input{border:1px solid var(--color-border);min-width:0;color:var(--color-text);background:var(--color-field);border-radius:12px;outline:none;flex:1;padding:13px 16px}.agent-form input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #627f5e29}.agent-form input:disabled{cursor:wait;opacity:.65}.agent-submit{color:var(--color-accent-contrast);background:var(--color-accent);cursor:pointer;border:0;border-radius:12px;padding:12px 22px}.agent-submit:disabled{cursor:not-allowed;opacity:.45}.agent-suggestions{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.agent-suggestions button{border:1px solid var(--color-border);color:var(--color-muted);background:var(--color-card);cursor:pointer;border-radius:999px;padding:7px 11px;font-size:13px;transition:color .18s,border-color .18s}.agent-suggestions button:hover:not(:disabled){color:var(--color-accent);border-color:var(--color-accent)}.agent-suggestions button:focus-visible{outline:3px solid var(--color-soft);outline-offset:2px}.agent-suggestions button:disabled{cursor:wait;opacity:.5}.agent-conversation{overscroll-behavior:contain;scrollbar-gutter:stable;gap:10px;max-height:min(420px,55vh);margin:18px 0 0;padding:2px 8px 2px 2px;display:grid;overflow-y:auto}.agent-message{width:fit-content;max-width:85%;color:var(--color-text);background:var(--color-card);border-radius:14px;padding:15px 18px;font-size:15px;line-height:1.7}.agent-message--user{color:var(--color-accent-contrast);background:var(--color-accent);border-bottom-right-radius:4px;margin-left:auto}.agent-message--assistant{border-bottom-left-radius:4px}.agent-message__speaker{color:var(--color-muted);letter-spacing:.08em;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.agent-message--user .agent-message__speaker{color:inherit;opacity:.72}.agent-message p{margin:0}.agent-typing{align-items:center;gap:5px;min-height:18px;padding:2px;display:flex}.agent-typing span{background:var(--color-muted);border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite typing-dot}.agent-typing span:nth-child(2){animation-delay:.12s}.agent-typing span:nth-child(3){animation-delay:.24s}@keyframes typing-dot{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media (width<=760px){.profile-page{padding-top:24px}.topbar{margin-bottom:36px}.topbar-note{display:none}.site-nav{border-top:1px solid var(--color-border);order:3;width:100%;margin:8px 0 0;padding-top:14px}.card-grid{grid-template-columns:1fr}.desktop-demo{margin-top:0}.desktop-demo__intro{padding-right:72px}.desktop-shell{min-height:430px;box-shadow:5px 5px 0 var(--desk-shadow);border-radius:24px 18px 27px 20px;padding:14px 16px}.desktop-menubar{gap:8px;font-size:11px}.desktop-icons{grid-template-columns:repeat(2,minmax(100px,1fr));gap:28px 16px;margin:38px auto 66px}.desktop-app__icon{width:78px;height:78px;box-shadow:3px 3px 0 var(--color-text)}.desktop-app__icon svg{width:47px;height:47px}.desktop-hint{text-align:center;bottom:18px;left:16px;right:16px}.mutsumi-doodle--guitar{width:132px;bottom:-16px;left:-18px}.mutsumi-doodle--cucumber{width:82px;top:58px;right:-4px}.mutsumi-doodle--cucumber-strip{width:104px;bottom:74px;left:3%}.mutsumi-word{display:none}.mutsumi-caption{max-width:120px;line-height:1.45;top:65px;left:4%}.mutsumi-doll{width:80px;height:80px;top:76px;right:2px}.window-layer{padding:12px 12px 88px}.app-window{max-height:calc(100svh - 112px);box-shadow:6px 6px 0 var(--color-text);border-radius:22px 17px 25px 19px}.app-window.is-maximized{width:calc(100vw - 24px);height:calc(100svh - 112px)}.app-window__drag-hint{display:none}.window-dock{gap:2px;bottom:10px}.window-dock__app{min-width:52px;padding-inline:3px}.window-dock__arrange{min-width:48px;padding-inline:6px}.learning-heading{flex-direction:column-reverse;align-items:flex-end;gap:6px}.goal-form__row{flex-direction:column}.goal-form button{width:100%}.info-card{min-height:auto}.info-card h3{margin-top:32px}.agent-form__row{flex-direction:column}.agent-submit{width:100%}.accordion-toolbar{flex-direction:column;align-items:flex-start;gap:11px}.accordion-casing{grid-template-columns:42px minmax(0,1fr) 42px;height:64px}.accordion-octave{grid-template-columns:24px minmax(350px,1fr)}.garden-scene{height:215px}.garden-status{grid-template-columns:1fr;gap:9px}.garden-actions{flex-direction:column}.garden-actions button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.theme-toggle,.sound-toggle,.theme-icon{transition:none;animation:none}.theme-toggle:hover,.sound-toggle:hover{transform:none}.status-toggle{transition:none}.status-panel{animation:none}.agent-typing span{opacity:.7;animation:none}.accordion-key,.garden-pot,.garden-stem,.garden-leaf,.garden-bud,.garden-cucumber,.garden-progress span{transition:none}.garden-water-splash{display:none}.mutsumi-doll__image{transition:none;animation:none!important}.mutsumi-doll.is-dancing:after,.mutsumi-notes span{animation:none}.mutsumi-notes{display:none}.mutsumi-doll:hover .mutsumi-doll__image{transform:none}.desktop-app__icon,.app-window,.window-layer,.app-window__minimize,.app-window__maximize,.app-window__close{transition:none;animation:none}.desktop-app:hover .desktop-app__icon,.app-window__minimize:hover,.app-window__maximize:hover,.app-window__close:hover{transform:none}}