:root,:root[data-theme=dark]{color-scheme:dark;--color-bg: #000000;--color-text: #f3f3f3;--color-text-secondary: #a8a8a8;--color-text-muted: #6f6f6f;--color-line: #d8d8d8;--color-line-muted: #6a6a6a;--color-success: #3bcb63;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--page-edge: clamp(1rem, 2.4vw, 2rem);--content-narrow: 35rem;--content-wide: 52rem;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=light]{color-scheme:light;--color-bg: #e7e5e0;--color-text: #171717;--color-text-secondary: #3f3f3d;--color-text-muted: #6d6c68;--color-line: #242424;--color-line-muted: #85837e;--color-success: #187c36}*{box-sizing:border-box}html{background:var(--color-bg);transition:background-color .16s ease}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-weight:400;transition:background-color .16s ease,color .16s ease}button,input{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--color-text);outline-offset:4px}.platform-shell{position:relative;min-height:100dvh;overflow-x:hidden}.platform-header{position:fixed;z-index:20;inset:var(--page-edge) var(--page-edge) auto;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.brand,.menu-button{pointer-events:auto}.brand{color:var(--color-text);font-size:clamp(1.15rem,1rem + .45vw,1.5rem);font-weight:700;line-height:1;text-decoration:none;letter-spacing:-.03em}.menu-button{display:grid;width:44px;height:44px;margin:-12px -10px 0 0;padding:12px 10px;border:0;background:transparent;align-content:center;gap:5px;cursor:pointer}.menu-button span{display:block;width:24px;height:1px;background:var(--color-text)}.platform-menu{position:fixed;z-index:15;top:calc(var(--page-edge) + 3rem);right:var(--page-edge);display:grid;width:min(18rem,calc(100vw - 2 * var(--page-edge)));border:1px solid var(--color-line);background:var(--color-bg)}.platform-menu__link{padding:1rem 1.25rem;border-bottom:1px solid var(--color-line-muted);color:var(--color-text-secondary);text-decoration:none;transition:color .16s ease,background-color .16s ease}.platform-menu__link:last-child{border-bottom:0}.platform-menu__link:hover,.platform-menu__link.is-active{color:var(--color-bg);background:var(--color-text)}.platform-main{display:grid;min-height:100dvh;place-items:center;padding:clamp(6rem,12vh,8rem) var(--page-edge) clamp(5rem,10vh,7rem)}.platform-footer{position:fixed;z-index:10;right:var(--page-edge);bottom:var(--page-edge);left:var(--page-edge);display:flex;justify-content:space-between;gap:1rem;color:var(--color-text-secondary);font-size:.875rem;pointer-events:none}.platform-footer a{pointer-events:auto;text-underline-offset:.25em}.welcome,.settings-panel{width:min(100%,42rem);padding:clamp(2.75rem,5vw,4rem) clamp(2rem,5vw,4rem);border:4px solid var(--color-line)}.welcome{text-align:center}.welcome h1,.settings-panel h1,.focus-panel h1,.workspace-placeholder h1{margin:0;font-weight:400;letter-spacing:-.015em}.welcome h1{font-size:clamp(1.8rem,1.35rem + 1.5vw,2.3rem);font-weight:400;line-height:1.25}.settings-panel h1{margin-top:var(--space-8);font-size:clamp(1.65rem,1.3rem + 1vw,2rem)}.settings-group{margin-top:var(--space-12)}.settings-group h2{margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:1rem;font-weight:400}.theme-options{display:flex;flex-wrap:wrap;gap:var(--space-4)}.theme-option{min-width:7rem;min-height:44px;padding:.65rem 1.4rem;border:2px solid var(--color-line);border-radius:0;background:transparent;color:var(--color-text);font-weight:600;cursor:pointer;transition:color .16s ease,background-color .16s ease}.theme-option:hover,.theme-option.is-active{color:var(--color-bg);background:var(--color-text)}.action-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin-top:var(--space-8)}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:.65rem 1.55rem;border:1px solid var(--color-line);border-radius:0;background:transparent;color:var(--color-text);font-weight:400;text-decoration:none;cursor:pointer;transition:color .16s ease,background-color .16s ease}.welcome .button{border-width:2px;font-weight:600}.button:hover{color:var(--color-bg);background:var(--color-text)}.focus-panel{width:min(100%,var(--content-narrow));padding:clamp(1.4rem,3vw,2.6rem);border:4px solid var(--color-line)}.focus-panel h1{margin-top:var(--space-8);font-size:clamp(1.45rem,1.2rem + .8vw,1.8rem)}.back-link,.text-button{color:var(--color-text-secondary);font-size:.925rem}.back-link{text-decoration:none}.back-link:hover,.text-button:hover{color:var(--color-text);text-decoration:underline;text-underline-offset:.25em}.form-stack{display:grid;gap:var(--space-8);margin-top:var(--space-8)}.line-field{display:grid;gap:var(--space-2);color:var(--color-text-secondary);font-size:.95rem}.line-field input{min-height:38px;padding:.25rem 0;border:0;border-bottom:1px solid var(--color-line-muted);border-radius:0;outline:0;background:transparent;color:var(--color-text);transition:border-color .16s ease}.line-field input:focus{border-bottom-color:var(--color-text)}.text-button{margin-top:var(--space-6);padding:0;border:0;background:transparent;cursor:pointer}.text-link{display:inline-block;text-decoration:none}.workspace-placeholder{width:min(100%,var(--content-wide))}.workspace-placeholder .eyebrow{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:.75rem;letter-spacing:.14em}.workspace-placeholder h1{font-size:clamp(2rem,1.4rem + 2vw,3rem)}.workspace-placeholder>p:last-child{margin-top:var(--space-4);color:var(--color-text-secondary)}@media (max-width: 600px){.platform-main{align-items:center}.welcome,.settings-panel{padding:2.25rem 1.4rem}.focus-panel{padding:1.4rem}.platform-footer{font-size:.8rem}}@media (max-height: 620px){.platform-main{place-items:start center;padding-top:5.25rem;padding-bottom:4.5rem}.platform-footer{position:absolute}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}