:root{--font-body: "Alegreya", serif;--font-display: "Fraunces", serif;--font-hand: "Caveat", cursive}.ghibli-os{--bg-base: #f7f0e6;--bg-wash: #fff7ee;--ink: #3b3228;--ink-muted: #6d5d4c;--ink-faint: #9c8975;--accent: #c98464;--accent-2: #7ea08a;--accent-3: #d3b38a;--surface: #fff8ef;--surface-2: #f7ecdb;--surface-3: #efe1cc;--border: rgba(90, 70, 50, .24);--border-soft: rgba(90, 70, 50, .16);--shadow: 0 14px 35px rgba(80, 55, 35, .22);--shadow-soft: 0 6px 18px rgba(80, 55, 35, .14);--shadow-strong: 0 20px 45px rgba(68, 45, 28, .26);--ring: rgba(201, 132, 100, .32);--topbar: rgba(250, 241, 229, .88);--tab-bg: #f8eddd;--tab-active: #fff8ef;--menu-bg: #fffaf2;--menu-border: rgba(90, 70, 50, .22);--input-bg: #fffdf7;--input-border: rgba(100, 78, 55, .24);--control-bg: #f3e4cf;--control-ink: #5f4d3a;--control-close: #d57d6b;--control-min: #d4b47e;--control-max: #86a488;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--radius-xs: 8px;--surface-texture: radial-gradient(circle at 10% 12%, rgba(201, 132, 100, .08), transparent 55%), radial-gradient(circle at 90% 18%, rgba(126, 160, 138, .08), transparent 50%), radial-gradient(circle at 30% 88%, rgba(211, 179, 138, .1), transparent 60%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, .5), transparent 55%);font-family:var(--font-body);color:var(--ink);background-color:var(--bg-base)}.paper-texture{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.05;background-image:url(https://www.transparenttextures.com/patterns/handmade-paper.png)}.watercolor-gradient{background:radial-gradient(circle at 20% 30%,#e0f2f1 0%,transparent 50%),radial-gradient(circle at 80% 20%,#fff9c4 0%,transparent 50%),radial-gradient(circle at 50% 80%,#f1f8e9 0%,transparent 50%)}.ghibli-os.ghibli-os--dark{--bg-base: #14121c;--bg-wash: #1b1824;--ink: #f4e9d8;--ink-muted: #b7a895;--ink-faint: #8d7f6f;--accent: #e0a17f;--accent-2: #89aa94;--accent-3: #c1a071;--surface: #201c2a;--surface-2: #272233;--surface-3: #2d2838;--border: rgba(244, 233, 216, .18);--border-soft: rgba(244, 233, 216, .12);--shadow: 0 16px 40px rgba(4, 3, 8, .62);--shadow-soft: 0 8px 22px rgba(4, 3, 8, .48);--shadow-strong: 0 22px 55px rgba(0, 0, 0, .68);--ring: rgba(224, 161, 127, .35);--topbar: rgba(22, 19, 30, .9);--tab-bg: #2a2433;--tab-active: #312b3c;--menu-bg: #231f2c;--menu-border: rgba(244, 233, 216, .18);--input-bg: #1d1a25;--input-border: rgba(244, 233, 216, .2);--control-bg: #2b2533;--control-ink: #e4d7c8;--control-close: #e48b76;--control-min: #e0c088;--control-max: #93b29a;--surface-texture: radial-gradient(circle at 12% 15%, rgba(224, 161, 127, .15), transparent 55%), radial-gradient(circle at 88% 22%, rgba(137, 170, 148, .12), transparent 52%), radial-gradient(circle at 30% 85%, rgba(193, 160, 113, .12), transparent 60%), radial-gradient(circle at 70% 90%, rgba(255, 255, 255, .06), transparent 55%)}.ghibli-os h1,.ghibli-os h2,.ghibli-os h3,.ghibli-os .serif{font-family:var(--font-display)}.font-handwritten{font-family:var(--font-hand)}.font-elegant{font-family:var(--font-display)}.ghibli-surface{background-color:var(--surface);background-image:var(--surface-texture);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.ghibli-surface-soft{background-color:var(--surface-2);background-image:var(--surface-texture);border:1px solid var(--border-soft);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}.ghibli-ink{color:var(--ink)}.ghibli-ink-muted{color:var(--ink-muted)}.ghibli-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.ghibli-divider-vertical{width:1px;background:linear-gradient(180deg,transparent,var(--border),transparent)}.ghibli-border-b{border-bottom:1px solid var(--border-soft)}.ghibli-border-t{border-top:1px solid var(--border-soft)}.ghibli-border{border:1px solid var(--border-soft)}.os-topbar{background:var(--topbar);border-bottom:1px solid var(--border-soft);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.os-tab{position:relative;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .9rem .4rem .85rem;background:var(--tab-bg);border:1px solid var(--border-soft);border-radius:12px 18px 12px 12px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 10px);color:var(--ink);box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.os-tab:before{content:"";position:absolute;left:.65rem;top:50%;width:.35rem;height:.35rem;border-radius:999px;background:#ffffffb3;border:1px solid var(--border-soft);transform:translateY(-50%)}.os-tab.is-active{background:var(--tab-active);box-shadow:var(--shadow);transform:translateY(-1px) rotate(-.4deg)}.os-tab.is-minimized{opacity:.7}.os-tab .tab-dot{width:.35rem;height:.35rem;border-radius:999px;background:var(--accent-2)}.os-tab .tab-dot.minimized{background:var(--accent-3);animation:pulse 2s ease-in-out infinite}.os-tab .tab-dot.focused{background:var(--accent-2)}.os-topbar-button{border-radius:999px;padding:.35rem;border:1px solid transparent;transition:background .2s ease,transform .2s ease}.os-topbar-button:hover{background:#ffffff26}.os-topbar-button:active{transform:scale(.96)}.wallpaper-wash{background:radial-gradient(circle at 18% 22%,rgba(201,132,100,.12),transparent 55%),radial-gradient(circle at 82% 18%,rgba(126,160,138,.12),transparent 50%),radial-gradient(circle at 50% 80%,rgba(211,179,138,.14),transparent 60%);mix-blend-mode:overlay;opacity:.5}.wallpaper-ray{background:linear-gradient(120deg,rgba(255,255,255,.35),transparent 65%);filter:blur(120px);opacity:.6}.wallpaper-moon{background:radial-gradient(circle,rgba(224,161,127,.2),transparent 65%);filter:blur(80px);opacity:.6}.wallpaper-vignette{box-shadow:inset 0 0 120px #0000001f}.ghibli-os--dark .wallpaper-wash{opacity:.3}.ghibli-os--dark .wallpaper-vignette{box-shadow:inset 0 0 180px #0000008c}.window-frame{height:100%;border-radius:var(--radius-lg);background:var(--surface);background-image:var(--surface-texture);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.window-frame.is-focused{box-shadow:var(--shadow-strong);outline:2px solid var(--ring)}.window-frame.window-frame--slate{--surface: #1b1b22;--surface-2: #232330;--surface-3: #2b2b3c;--border: rgba(244, 233, 216, .14);--border-soft: rgba(244, 233, 216, .1);--ink: #e6d9c8;--ink-muted: #a69888;background-image:radial-gradient(circle at 20% 10%,rgba(140,190,180,.12),transparent 55%),radial-gradient(circle at 70% 80%,rgba(220,170,130,.08),transparent 55%)}.window-frame.window-frame--borderless{--surface: #1b1b1f;--surface-2: #232328;--surface-3: #2d2d34;--border: rgba(244, 233, 216, .18);--border-soft: rgba(244, 233, 216, .12);--ink: #f0e6d6;--ink-muted: #b9aa99;background-image:linear-gradient(180deg,rgba(255,255,255,.03),transparent),radial-gradient(circle at 15% 15%,rgba(224,161,127,.14),transparent 50%)}.window-frame.window-frame--paper{--surface: #fff9f0;--surface-2: #f7ecd9;--surface-3: #efe0c9}.window-frame.window-frame--wood{--surface: #f5e2c6;--surface-2: #edd7b7;--surface-3: #e4cba5;--border: rgba(121, 84, 52, .35)}.window-frame.window-frame--lantern{--surface: #fff1e2;--surface-2: #f6e3cf;--surface-3: #edd8c0;--accent: #d58a66}.ghibli-os--dark .window-frame.window-frame--paper{--surface: #1d1a24;--surface-2: #24202b;--surface-3: #2b2632}.ghibli-os--dark .window-frame.window-frame--wood{--surface: #1d1714;--surface-2: #241c18;--surface-3: #2c221c;--border: rgba(220, 190, 150, .22)}.ghibli-os--dark .window-frame.window-frame--lantern{--surface: #201a22;--surface-2: #27202a;--surface-3: #2e2631;--accent: #e0a17f}.window-header{display:flex;align-items:center;justify-content:space-between;padding:.55rem .9rem;background:linear-gradient(90deg,#ffffffb3,#fff3);border-bottom:1px solid var(--border-soft);cursor:grab}.ghibli-os--dark .window-header{background:linear-gradient(90deg,#ffffff0f,#fff0)}.window-title{font-family:var(--font-display);font-size:.95rem;letter-spacing:.02em;color:var(--ink)}.window-controls{display:inline-flex;gap:.4rem;align-items:center}.window-control{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:999px;background:var(--control-bg);border:1px solid var(--border-soft);color:var(--control-ink);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.window-control:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.window-control:active{transform:scale(.92)}.window-control.close{background:color-mix(in srgb,var(--control-close) 55%,var(--control-bg))}.window-control.minimize{background:color-mix(in srgb,var(--control-min) 55%,var(--control-bg))}.window-control.maximize{background:color-mix(in srgb,var(--control-max) 55%,var(--control-bg))}.window-content{padding:1.4rem;height:100%;overflow:auto;color:var(--ink)}.window-content.inset{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border-soft);padding:1.1rem}.os-menu{background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--radius-md);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ink)}.os-menu-item{border-radius:var(--radius-sm);transition:background .2s ease,transform .2s ease}.os-menu-item:hover{background:#fff3;transform:translate(2px)}.os-palette{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);overflow:hidden;color:var(--ink)}.os-palette-input{background:transparent;color:var(--ink)}.os-palette-item{border-radius:var(--radius-sm);transition:background .2s ease,transform .2s ease}.os-palette-item:hover{background:#ffffff38;transform:translate(3px)}.os-toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.os-marquee{border:2px dashed rgba(201,132,100,.5);background:#c9846414;border-radius:var(--radius-xs);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.os-snap-preview{border:2px dashed rgba(126,160,138,.5);background:#7ea08a1a;border-radius:var(--radius-sm);box-shadow:inset 0 0 18px #7ea08a1f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icon-plate{width:3.2rem;height:3.2rem;border-radius:1rem;background:var(--surface);background-image:var(--surface-texture);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:center}.icon-label{padding:.2rem .5rem;border-radius:.65rem;background:#ffffff59;border:1px solid var(--border-soft);color:var(--ink);font-size:.72rem;font-weight:600;text-align:center}.ghibli-os--dark .icon-label{background:#14121c80}.os-resize-corner{width:.5rem;height:.5rem;border-right:2px solid var(--border-soft);border-bottom:2px solid var(--border-soft);transform:rotate(45deg) translate(1px,1px)}.icon-shell{transition:transform .2s ease,opacity .2s ease}.icon-shell.is-selected{outline:2px solid var(--accent);box-shadow:0 0 0 3px #c9846433;border-radius:.85rem}.icon-shell.is-trash-target{transform:scale(1.1)}.icon-label.is-selected{border-color:var(--accent);background:#c9846433}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-bottom:1.2rem;border-bottom:1px solid var(--border-soft)}.app-title{font-family:var(--font-display);font-size:1.8rem;color:var(--ink)}.app-subtitle{font-style:italic;color:var(--ink-muted)}.app-card{background:var(--surface);background-image:var(--surface-texture);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease}.app-card.roomy{padding:2rem}.app-card.compact{padding:.75rem}.app-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.app-tag{border-radius:999px;padding:.1rem .6rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;background:#fff6;border:1px solid var(--border-soft);color:var(--ink-muted)}.app-link-icon{color:var(--ink-muted);transition:color .2s ease,transform .2s ease}.app-link-icon:hover{color:var(--accent);transform:translateY(-1px)}.app-link{transition:color .2s ease}.app-card:hover .app-link{color:var(--accent)}.app-pill{border-radius:999px;padding:.3rem .9rem;border:1px solid var(--border-soft);background:var(--surface-2);color:var(--ink);transition:background .2s ease,border .2s ease}.app-pill:hover{border-color:var(--accent)}.app-pill-danger{border-color:var(--control-close);color:var(--control-close);background:#d57d6b1f}.app-pill-danger:hover{border-color:var(--control-close);background:#d57d6b38}.app-input,.app-select,.app-textarea{width:100%;border-radius:var(--radius-sm);border:1px solid var(--input-border);background:var(--input-bg);padding:.6rem .75rem;color:var(--ink);transition:border .2s ease,box-shadow .2s ease}.app-input:focus,.app-select:focus,.app-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c9846433}.app-button{border-radius:999px;padding:.6rem 1.5rem;font-weight:600;background:var(--accent);color:#fff8ef;border:none;box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.app-button:hover{background:color-mix(in srgb,var(--accent) 85%,#ffffff 15%);transform:translateY(-1px)}.app-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.app-portrait{border-radius:999px;border:4px solid var(--border-soft);box-shadow:var(--shadow-soft);margin-left:2rem;overflow:hidden;position:relative}.app-portrait-img{width:100%;height:100%;object-fit:cover;object-position:center 48%;transform:scale(1.35)}.app-toolbar{background:var(--surface-2);border-bottom:1px solid var(--border-soft)}.app-footer{background:var(--surface-2);border-top:1px solid var(--border-soft)}.trash-item{border:1px solid transparent;border-radius:var(--radius-sm);padding:.75rem;transition:background .2s ease,border .2s ease}.trash-item:hover{background:var(--surface-2);border-color:var(--border-soft)}.trash-item.is-selected{background:#c9846429;border-color:var(--accent)}.modal-surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);overflow:hidden}.modal-header{background:var(--surface-2);border-bottom:1px solid var(--border-soft)}.terminal-shell{background:#16151d;color:#b7e0c6;border-radius:var(--radius-md);border:1px solid rgba(183,224,198,.18);box-shadow:var(--shadow-soft);overflow:hidden}.terminal-header{background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08)}.terminal-divider{border-top:1px solid rgba(255,255,255,.08)}.terminal-input{color:#f0f7ef}.genesis-ide{position:relative;background:var(--surface-2);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden;color:var(--ink)}.genesis-ide:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--surface-texture);opacity:.6;pointer-events:none}.genesis-ide:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px dashed var(--border-soft);border-radius:calc(var(--radius-lg) - 8px);pointer-events:none;opacity:.6}.ghibli-os--dark .genesis-ide:before{opacity:.35}.ghibli-os--dark .genesis-ide:after{opacity:.4}.genesis-workspace{position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.genesis-titlebar{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;background:linear-gradient(90deg,#ffffffb3,#ffffff1a);border-bottom:1px solid var(--border-soft)}.ghibli-os--dark .genesis-titlebar{background:linear-gradient(90deg,#ffffff14,#fff0)}.genesis-title{font-family:var(--font-display);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.genesis-title-lights{display:flex;align-items:center;gap:.35rem}.genesis-title-dot{width:.55rem;height:.55rem;border-radius:999px;border:1px solid var(--border-soft);background:var(--surface-3)}.genesis-title-dot:nth-child(1){background:color-mix(in srgb,var(--control-close) 70%,var(--surface-3))}.genesis-title-dot:nth-child(2){background:color-mix(in srgb,var(--control-min) 70%,var(--surface-3))}.genesis-title-dot:nth-child(3){background:color-mix(in srgb,var(--control-max) 70%,var(--surface-3))}.genesis-panel{background:var(--surface-2);border-color:var(--border-soft);background-image:var(--surface-texture)}.genesis-activity{background:linear-gradient(180deg,rgba(255,255,255,.2),transparent);border-right:1px solid var(--border-soft)}.genesis-activity-button{width:2.6rem;height:2.6rem;border-radius:1.1rem;border:1px solid var(--border-soft);background:var(--surface);background-image:var(--surface-texture);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-muted);box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease,border .2s ease}.genesis-activity-button.is-active{border-color:var(--accent);color:var(--ink);transform:translateY(-2px);box-shadow:var(--shadow)}.genesis-sidebar{background:var(--surface);background-image:var(--surface-texture);border-right:1px solid var(--border-soft);padding-top:.4rem}.genesis-sidebar-title{font-family:var(--font-hand);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}.genesis-tree{font-family:var(--font-display);color:var(--ink);font-size:.75rem}.genesis-sidebar-item{border-radius:.75rem;padding:.2rem .4rem;transition:background .2s ease,border .2s ease;border:1px solid transparent}.genesis-sidebar-item.is-active{background:#ffffff80;border-color:var(--border-soft)}.genesis-tabs{background:var(--surface-2);background-image:var(--surface-texture);border-bottom:1px solid var(--border-soft);gap:.35rem;padding:0 .4rem}.genesis-tab{position:relative;display:inline-flex;align-items:center;height:100%;border:1px solid var(--border-soft);border-bottom:none;border-radius:.75rem .75rem 0 0;background:var(--surface-3);color:var(--ink-muted);padding:0 .6rem;box-shadow:var(--shadow-soft);transition:color .2s ease,transform .2s ease}.genesis-tab:after{content:"";position:absolute;right:.4rem;top:.35rem;width:.35rem;height:.35rem;border-radius:999px;background:var(--accent-3);opacity:.6}.genesis-tab.is-active{color:var(--ink);background:var(--surface);transform:translateY(-2px)}.genesis-editor{background:var(--surface);background-image:linear-gradient(transparent 23px,#0000000a 24px),radial-gradient(circle at 10% 20%,rgba(201,132,100,.08),transparent 55%);background-size:100% 24px,100% 100%}.ghibli-os--dark .genesis-editor{background-image:linear-gradient(transparent 23px,#ffffff0a 24px),radial-gradient(circle at 12% 22%,rgba(224,161,127,.14),transparent 60%)}.genesis-empty{text-align:center;gap:.6rem}.genesis-empty span{font-family:var(--font-hand);font-size:.9rem}.genesis-spec{font-family:var(--font-body);color:var(--ink)}.genesis-action{border-radius:999px;padding:.35rem .8rem;font-size:.7rem;color:#fff8ef;background:var(--accent);box-shadow:var(--shadow-soft);transition:transform .2s ease,background .2s ease}.genesis-action:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 85%,#ffffff 15%)}.genesis-action.secondary{background:var(--accent-2)}.genesis-terminal-header{border-bottom:1px solid var(--border-soft);background:var(--surface-2);font-family:var(--font-hand);letter-spacing:.08em}.genesis-terminal-input{background:transparent;color:var(--ink)}.genesis-command-row{background:var(--surface);border-top:1px solid var(--border-soft)}.genesis-log{color:var(--ink)}.genesis-log.error{color:#e07a6a}.genesis-log.success{color:#7fbf9c}.genesis-log.command{color:var(--ink-faint)}.genesis-terminal{background:var(--surface-3);background-image:var(--surface-texture);border-top:1px solid var(--border-soft)}.changelog-entry{border-left:4px solid var(--accent-2);padding-left:1rem}.changelog-entry[data-type=feature]{border-color:var(--accent)}.changelog-entry[data-type=launch]{border-color:var(--accent-3)}@keyframes window-open{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes window-minimize{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85) translateY(16px)}}.window-open{animation:window-open .35s ease-out}.window-minimize{animation:window-minimize .28s ease-in forwards}.cursor-sparkle,.cursor-sparkle *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctext y='20' font-size='20'%3E%E2%9C%A8%3C/text%3E%3C/svg%3E") 0 0,auto!important}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.floating{animation:floating 3s ease-in-out infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes fadeInOut{0%{opacity:0}15%{opacity:.6}85%{opacity:.6}to{opacity:0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface-2)}::-webkit-scrollbar-thumb{background:var(--accent-3);border-radius:10px;border:2px solid var(--surface-2)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}