html,body,#root{margin:0;padding:0;min-height:100%;background:#1c1a17;font-family:Kalam,-apple-system,system-ui,sans-serif;color:#f0eee9}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.app-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;gap:14px;box-sizing:border-box}.app-frame-wrapper{position:relative;box-shadow:0 20px 60px #00000073,0 0 0 1px #ffffff0a;border-radius:4px;background:#f6f1e6;overflow:hidden;flex-shrink:0}.app-frame{width:900px;height:620px;position:absolute;top:0;left:0;overflow:hidden;transform-origin:top left}.app-footer{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;color:#f0eee973;text-align:center;letter-spacing:.4px;padding:0 8px}.app-footer kbd{font-family:inherit;font-size:10px;color:#f0eee9bf;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:3px;padding:1px 5px;margin:0 2px}.app-footer .touch-hint{display:none}.app-tourbar{max-width:100%;background:#1a1814;color:#f6f1e6;padding:12px 16px;border-radius:4px;box-shadow:0 10px 24px #00000059;display:grid;grid-template-columns:minmax(200px,240px) 1fr minmax(240px,280px);gap:16px;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;box-sizing:border-box}.app-tourbar-meta{display:flex;flex-direction:column;gap:2px}.app-tourbar-step{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;color:#c14a1a;letter-spacing:.5px}.app-tourbar-title{font-size:15px;font-weight:700}.app-tourbar-body{font-size:13px;color:#ffffffd1;line-height:1.45}.app-tourbar-controls{display:flex;align-items:center;gap:6px}.app-tourbar-dots{display:flex;gap:2px;flex:1;min-width:40px}.app-tourbar-dots span{flex:1;height:3px;background:#fff3;border-radius:2px}.app-tourbar-dots span.on{background:#c14a1a}.app-tourbar button{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffd9;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;padding:4px 10px;border-radius:3px;cursor:pointer}.app-tourbar button.primary{background:#c14a1a;color:#fff;border-color:#c14a1a;font-weight:700}.app-tourbar button:disabled{opacity:.4;cursor:default}@media (max-width: 640px){.app-shell{padding:8px 4px;gap:10px}.app-tourbar{grid-template-columns:1fr;gap:8px;padding:10px 12px}.app-tourbar-body{font-size:12px}.app-tourbar-controls{justify-content:space-between;gap:8px}.app-tourbar button{font-size:12px;padding:8px 12px;min-height:36px}.app-tourbar-dots{min-width:60px}.app-footer{font-size:10px}.app-footer kbd{display:none}.app-footer .touch-hint{display:inline;color:#f0eee999}}@media (max-width: 420px){.app-footer{font-size:9px}}.sidebar-picker-trigger{width:100%;background:transparent;border:0;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit;border-radius:3px}.sidebar-picker-trigger:hover{background:#0000000a}.sidebar-picker-trigger:focus{outline:1.5px solid var(--accent);outline-offset:2px}.pp-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:240px;z-index:100;padding:6px;box-sizing:border-box;max-height:460px;overflow:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.pp-menu-paper{background:var(--paper);border:1.5px solid var(--ink-2);border-radius:3px;box-shadow:3px 4px #0000001f;width:260px}.pp-menu-paper .pp-group+.pp-group{border-top:1px dashed var(--ink-4);margin-top:6px;padding-top:6px}.pp-menu-paper .pp-group-head{padding:4px 6px 2px}.pp-menu-paper .pp-group-team{font-family:var(--mono);font-size:9px;color:var(--accent);letter-spacing:.6px;font-weight:700}.pp-menu-paper .pp-group-cat{font-size:11px;color:var(--ink-3);margin-top:1px}.pp-menu-paper .pp-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:0;color:var(--ink);text-align:left;padding:6px 8px;border-radius:3px;cursor:pointer;font-family:var(--hand);font-size:14px}.pp-menu-paper .pp-item:hover{background:#0000000d}.pp-menu-paper .pp-item.on{background:var(--accent-wash)}.pp-menu-paper .pp-item-name{display:inline-flex;align-items:center;gap:6px}.pp-menu-paper .pp-item-dot{color:var(--accent);font-size:10px}.pp-menu-paper .pp-tag{font-family:var(--mono);font-size:8px;letter-spacing:.5px;padding:1px 4px;border-radius:2px;background:#00000014;color:var(--ink-3)}.pp-menu-paper .pp-tag-new{background:var(--accent-wash);color:var(--accent)}.pp-menu-paper .pp-new{width:100%;background:transparent;border:1px dashed var(--ink-4);color:var(--ink-3);padding:5px 8px;margin-top:4px;border-radius:3px;cursor:pointer;font-family:var(--hand);font-size:12px;text-align:left}.pp-menu-paper .pp-new:hover{background:var(--accent-wash);color:var(--accent);border-color:var(--accent)}.fos{--ink: #1a1814;--ink-2: #3a3530;--ink-3: #6a635a;--ink-4: #a39b8f;--paper: #f6f1e6;--paper-2: #efe8d6;--grid: rgba(30, 40, 70, .13);--grid-minor: rgba(30, 40, 70, .06);--accent: #c14a1a;--accent-2: #e57b3a;--accent-wash: rgba(193, 74, 26, .14);--green: #3d6b34;--red: #b02f1e;--elec: #1e40af;--elec-wash: rgba(30, 64, 175, .14);--sw: #6d28d9;--sw-wash: rgba(109, 40, 217, .14);--hand: "Kalam", "Caveat", cursive;--script: "Caveat", cursive;--mono: "JetBrains Mono", ui-monospace, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;color:var(--ink);font-family:var(--hand);box-sizing:border-box}.fos *,.fos *:before,.fos *:after{box-sizing:border-box}.fos-paper{background-color:var(--paper);background-image:linear-gradient(var(--grid-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grid-minor) 1px,transparent 1px),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:10px 10px,10px 10px,50px 50px,50px 50px;position:relative;overflow:hidden}.fos-paper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 10%,rgba(120,90,50,.08),transparent 50%),radial-gradient(ellipse at 90% 95%,rgba(120,90,50,.06),transparent 50%);pointer-events:none}.fos-mono{font-family:var(--mono)}.fos-hand{font-family:var(--hand)}.fos-script{font-family:var(--script)}.fos-sketch{border:1.5px solid var(--ink);border-radius:3px;position:relative;background:#f6f1e699}.fos-sketch-thin{border-width:1px}.fos-dashed{border-style:dashed}.fos-dotted{border-style:dotted}.fos-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border:1.25px solid var(--ink-2);border-radius:10px;font-family:var(--mono);font-size:10px;background:var(--paper);line-height:1.6}.fos-chip.accent{border-color:var(--accent);color:var(--accent);background:var(--accent-wash)}.fos-chip.green{border-color:var(--green);color:var(--green);background:#3d6b341a}.fos-chip.muted{color:var(--ink-3);border-color:var(--ink-3)}.fos-chip.filled{background:var(--ink);color:var(--paper);border-color:var(--ink)}.fos-chip.elec{border-color:var(--elec);color:var(--elec);background:var(--elec-wash)}.fos-chip.sw{border-color:var(--sw);color:var(--sw);background:var(--sw-wash)}.art-link{color:inherit;text-decoration:none;cursor:pointer}.art-link:hover{text-decoration:underline}.fos-h{font-family:var(--hand);font-weight:700}.fos-under{background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat;background-size:100% 2px;background-position:0 100%;padding-bottom:1px}.fos-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border:1.5px solid var(--ink);border-radius:3px;background:var(--paper);font-family:var(--hand);font-size:13px;cursor:pointer}.fos-btn.primary{background:var(--ink);color:var(--paper)}.fos-btn.accent{background:var(--accent);color:var(--paper);border-color:var(--accent)}.fos-btn.ghost{border-color:var(--ink-3);color:var(--ink-2)}.fos-strike{text-decoration:line-through;color:var(--ink-3)}.fos-hatch{background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.08) 0 3px,transparent 3px 8px)}.fos-hatch-orange{background-image:repeating-linear-gradient(45deg,rgba(193,74,26,.18) 0 3px,transparent 3px 8px)}.fos-phasebar{display:flex;align-items:center;gap:0}.fos-phasebar .seg{flex:1;height:8px;border:1.25px solid var(--ink-2);border-right-width:0;position:relative;background:var(--paper)}.fos-phasebar .seg:last-child{border-right-width:1.25px}.fos-phasebar .seg.done{background:var(--ink)}.fos-phasebar .seg.cur{background:var(--accent);border-color:var(--accent)}.fos-arrow{color:var(--accent);font-family:var(--mono)}.fos-sticky{background:#fef5a0;border:1px solid rgba(0,0,0,.15);padding:6px 8px;font-family:var(--hand);font-size:11px;color:#4a3f20;box-shadow:1px 2px 3px #0000001a;transform:rotate(-1deg)}.fos-rule{border:0;border-top:1px dashed var(--ink-4);margin:6px 0}.fos-ai-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border:1.5px solid var(--accent);border-radius:3px;color:var(--accent);font-family:var(--mono);font-size:9px;background:var(--paper)}.fos-callout{font-family:var(--script);color:var(--accent);font-size:16px;line-height:1.1}.fos-nav-item[data-tip]:hover{background:#00000014!important}.fos-nav-item[data-tip]:hover:after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#1a1814;color:#f6f1e6;padding:8px 10px;border-radius:3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:12px;line-height:1.45;width:240px;white-space:normal;z-index:50;box-shadow:3px 4px 10px #0000004d;pointer-events:none}.fos-nav-item[data-tip]:hover:before{content:"";position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;background:#1a1814;z-index:51}