:root{--bg: #e7ebe5;--surface: #ffffff;--surface-2: #f4f7f2;--surface-3: #eef2ec;--primary: #1d7a52;--primary-dark: #155c3d;--primary-press: #114c33;--primary-soft: #e4f2ea;--primary-soft-2: #d3e9dd;--leaf: #59b985;--accent: #f2b705;--ink: #16241d;--ink-2: #34433b;--muted: #69766e;--muted-2: #93a098;--line: #e6ebe5;--line-2: #d9e0d8;--danger: #c2452f;--danger-soft: #fae8e4;--warn: #d98a09;--warn-soft: #fbf0d8;--info: #2d6fb3;--info-soft: #e3eef8;--radius: 18px;--radius-sm: 12px;--radius-lg: 24px;--shadow-sm: 0 1px 2px rgba(22,36,29,.06), 0 1px 3px rgba(22,36,29,.04);--shadow-md: 0 4px 16px rgba(22,36,29,.08), 0 2px 6px rgba(22,36,29,.05);--shadow-lg: 0 18px 48px rgba(22,36,29,.18);--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font);color:var(--ink);height:100dvh;overflow:hidden;background:radial-gradient(1200px 600px at 15% -10%,#f0f4ee 0%,transparent 60%),radial-gradient(900px 500px at 100% 110%,#dde7d9 0%,transparent 55%),var(--bg)}#root{width:100%;height:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.reset-btn{padding:0}input,textarea,select{font-family:inherit}a{color:inherit}::selection{background:var(--primary-soft-2)}.device{position:relative;width:100%;height:100%;background:var(--surface);overflow:hidden;display:flex;flex-direction:column}.device__notch{display:none}.statusbar{height:52px;flex:0 0 52px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 26px 7px;font-size:13.5px;font-weight:700;color:var(--ink);z-index:55;background:transparent}.statusbar.on-primary{color:#fff}.statusbar__right{display:flex;align-items:center;gap:6px}.statusbar__bars{display:flex;align-items:flex-end;gap:2px;height:11px}.statusbar__bars i{width:3px;background:currentColor;border-radius:1px;display:block}.viewport{position:relative;flex:1 1 auto;overflow:hidden}.screen{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--surface-2);overflow:hidden}.scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.scroll::-webkit-scrollbar{width:0;height:0}@keyframes slideIn{0%{transform:translate(20px)}to{transform:translate(0)}}@keyframes slideInBack{0%{transform:translate(-20px)}to{transform:translate(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.82)}60%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.anim-fwd{animation:slideIn .32s cubic-bezier(.22,.61,.36,1)}.anim-back{animation:slideInBack .32s cubic-bezier(.22,.61,.36,1)}.device-label{color:#5d6b62;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-top:18px;text-align:center}.desktop-root{display:flex;height:100%;background:var(--surface-2);--shadow-md: 0 6px 22px rgba(22,36,29,.1), 0 2px 6px rgba(22,36,29,.05);--shadow-lg: 0 24px 64px rgba(22,36,29,.22)}.dscreen{flex:1;display:flex;flex-direction:column;min-width:0;height:100%}.desktop-root ::-webkit-scrollbar{width:10px;height:10px}.desktop-root ::-webkit-scrollbar-thumb{background:#cfd6cb;border-radius:6px;border:2px solid var(--surface-2)}.desktop-root ::-webkit-scrollbar-thumb:hover{background:#b9c2b3}@keyframes dfade{0%{opacity:0}to{opacity:1}}@keyframes dfadeup{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes dpop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}