@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Inter+Tight:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--paper: #F6F4EF;--bg: #EFEDE8;--linen: #EFEDE8;--bg-1: #F6F4EF;--bg-2: #E6E3DC;--bg-3: #DCD8D0;--ink: #1A1A1A;--ink-1: #2A2A2A;--ink-2: #6F6C66;--ink-3: #A8A49C;--ink-4: #C9C5BD;--ink-lead: #4A4844;--line: #D3CFC6;--line-2: #BFBAB0;--accent: #7A8B6F;--accent-2: #C4AE7A;--sage: #7A8B6F;--sage-soft: #DDE4D6;--dune: #C4AE7A;--dune-soft: #E6DDC5;--rose: #B5685F;--rose-soft: #E8C9C4;--display: "Archivo", "Helvetica Neue", Helvetica, sans-serif;--body: "Inter Tight", system-ui, sans-serif;--sans: "Inter Tight", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.screen{background:var(--bg);color:var(--ink);font-family:var(--sans);min-height:100vh;width:100%;position:relative;isolation:isolate}.screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.025;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.screen:after{content:"";position:fixed;top:-320px;left:-240px;width:720px;height:720px;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(122,139,111,.1),transparent 62%);filter:blur(40px)}.screen>*{position:relative;z-index:1}.display,.serif{font-family:var(--display);font-weight:700;letter-spacing:-.035em}.italic{font-style:normal}.mono{font-family:var(--mono)}.label{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}.divider{height:1px;background:var(--line)}.divider-v{width:1px;background:var(--line);align-self:stretch}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px}.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);padding:3px 8px;border:1px solid var(--line);border-radius:999px}.tag .dot{width:6px;height:6px;border-radius:999px;background:var(--ink-3)}.tag.amber .dot,.tag.sage .dot{background:var(--accent)}.tag.rose .dot{background:var(--rose)}.tag.dune .dot{background:var(--accent-2)}.btn{font-family:var(--sans);font-size:13px;font-weight:500;color:var(--ink);background:transparent;border:1px solid var(--line-2);border-radius:10px;padding:8px 14px;cursor:pointer;transition:all .15s ease}.btn:hover{border-color:var(--ink-3);background:var(--bg-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{background:transparent;border-color:var(--line-2);transform:none;box-shadow:none}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.primary:hover{background:var(--ink-1)}.btn.ghost{border-color:transparent;color:var(--ink-2);background:transparent}.btn.ghost:hover{color:var(--ink);background:var(--bg-2)}.btn.danger{background:var(--rose);color:var(--paper);border-color:var(--rose)}.btn.danger:hover{filter:brightness(1.05);background:var(--rose)}.btn.accent{background:var(--accent);color:var(--paper);border-color:var(--accent)}.btn.accent:hover{filter:brightness(1.05)}.chip{display:inline-flex;align-items:center;gap:4px;font-family:var(--sans);font-size:12px;font-weight:500;color:var(--ink-2);padding:5px 10px;border-radius:8px;cursor:pointer;background:transparent;transition:background .15s,color .15s}.chip:hover{color:var(--ink);background:var(--bg-2)}.chip.active{background:var(--bg-3);color:var(--ink)}.scroll{overflow-y:auto}.scroll::-webkit-scrollbar{width:6px;height:6px}.scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}.scroll::-webkit-scrollbar-track{background:transparent}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;color:var(--ink-2);border-radius:8px;cursor:pointer;position:relative;transition:background .15s ease,color .15s ease}.nav-item.active,.nav-item:hover{background:var(--bg-2);color:var(--ink)}.nav-item .count{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--ink-3)}.nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--accent);border-radius:2px}.heat-cell{width:11px;height:11px;border-radius:2px;background:var(--bg-3)}.heat-cell.l1{background:#dde1d6}.heat-cell.l2{background:#c6cfbe}.heat-cell.l3{background:#a6b49c}.heat-cell.l4{background:#8c9f7f}.heat-cell.l5{background:#7a8b6f}.heat-cell.today{outline:1px solid var(--ink);outline-offset:1px}.heat-cell.miss{background:#ece2df}.ring{--p: 0;width:100%;aspect-ratio:1;border-radius:999px;background:conic-gradient(var(--accent) calc(var(--p) * 1%),var(--bg-3) 0);display:grid;place-items:center;position:relative}.ring:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:var(--paper);border-radius:999px}.ring>span{position:relative;z-index:1;font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:22px}.minibar{height:6px;background:var(--bg-3);border-radius:999px;overflow:hidden;position:relative}.minibar>span{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:999px}.minibar.sage>span{background:var(--accent)}.minibar.dune>span{background:var(--accent-2)}.minibar.rose>span{background:var(--rose)}.heat-row{display:grid;grid-template-columns:repeat(53,5px);gap:2px}.heat-row>div{width:5px;height:5px;border-radius:1px;background:var(--bg-3)}.heat-row>div.l1{background:#dde1d6}.heat-row>div.l2{background:#c6cfbe}.heat-row>div.l3{background:#a6b49c}.heat-row>div.l4{background:#8c9f7f}.heat-row>div.l5{background:#7a8b6f}.heat-row>div.miss{background:#ece2df}.type-letter{width:22px;height:22px;display:grid;place-items:center;font-family:var(--mono);font-size:10px;font-weight:500;border:1px solid var(--line-2);border-radius:6px;color:var(--ink-2)}.input{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-family:var(--sans);font-size:13px;color:var(--ink);outline:none;width:100%}.input::placeholder{color:var(--ink-3)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7a8b6f1f}.input:disabled{background:var(--bg-2);color:var(--ink-3);cursor:not-allowed}.kbd{font-family:var(--mono);font-size:10px;color:var(--ink-3);border:1px solid var(--line-2);border-radius:4px;padding:1px 5px;background:var(--paper)}.placeholder{background:repeating-linear-gradient(135deg,var(--bg-2),var(--bg-2) 6px,var(--paper) 6px,var(--paper) 12px);border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:var(--ink-3);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.boot-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;gap:22px;background:var(--bg);animation:bootFade .9s ease-out forwards;pointer-events:none}.boot-mark{animation:bootRotate .9s cubic-bezier(.2,.8,.2,1) both;transform-origin:center center}.boot-word{font-family:var(--display);font-weight:700;letter-spacing:-.035em;font-size:56px;color:var(--ink);overflow:hidden;animation:bootWord .9s cubic-bezier(.2,.8,.2,1) both}@keyframes bootRotate{0%{transform:rotate(-90deg);opacity:0}40%{opacity:1}to{transform:rotate(0);opacity:1}}@keyframes bootWord{0%{opacity:0;transform:translate(-10px)}40%{opacity:0}to{opacity:1;transform:translate(0)}}@keyframes bootFade{0%,70%{opacity:1}to{opacity:0;visibility:hidden}}.screen .card,.screen [data-screen-label]{animation:riseIn .5s cubic-bezier(.2,.7,.2,1) both}.screen .card:nth-child(1){animation-delay:.1s}.screen .card:nth-child(2){animation-delay:.16s}.screen .card:nth-child(3){animation-delay:.22s}.screen .card:nth-child(4){animation-delay:.28s}.screen .card:nth-child(5){animation-delay:.34s}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{transition:border-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.2,.7,.2,1)}.card:hover{border-color:var(--line-2)}.btn.primary{box-shadow:0 1px #1a1a1a0a}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1a1a1a14}body{overflow-y:auto;overflow-x:hidden}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:var(--bg)}body::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:5px;border:2px solid var(--bg)}body::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}@media (max-width: 1100px){.screen{min-width:1100px}}.ob-page{min-height:100vh;background:var(--linen);display:flex;flex-direction:column}.ob-page__topbar{display:flex;align-items:center;padding:24px 32px}.ob-page__counter{margin-left:auto;font-family:var(--mono);color:var(--ink-3);font-size:12px;letter-spacing:.08em}.ob-page__main{flex:1;display:grid;place-items:center;padding:24px}.ob-card{background:var(--paper);border-radius:16px;padding:56px 48px;max-width:640px;width:100%;box-shadow:0 1px 0 var(--bg-2)}.ob-step{display:flex;flex-direction:column;gap:20px}.ob-prompt{font-family:var(--display);font-weight:500;font-size:36px;line-height:1.15;color:var(--ink);margin:0}.ob-helper{font-family:var(--body);color:var(--ink-2);font-size:15px;margin:0}.ob-input,.ob-textarea{font-family:var(--body);font-size:18px;color:var(--ink);background:transparent;border:none;border-bottom:1px solid var(--line);padding:12px 0;outline:none;transition:border-color .2s ease}.ob-input:focus,.ob-textarea:focus{border-bottom-color:var(--accent)}.ob-textarea{min-height:96px;resize:vertical;font-family:var(--body);line-height:1.5}.ob-actions{display:flex;gap:16px;align-items:center;margin-top:8px}.ob-btn-primary{background:var(--accent);color:var(--paper);border:none;border-radius:999px;padding:12px 24px;font-family:var(--body);font-weight:500;font-size:14px;cursor:pointer;transition:opacity .2s}.ob-btn-primary:disabled{opacity:.4;cursor:not-allowed}.ob-btn-skip{background:transparent;color:var(--ink-3);border:none;font-family:var(--body);font-size:13px;cursor:pointer;text-decoration:underline;text-decoration-color:var(--ink-4)}.ob-error{color:var(--rose);font-family:var(--body);font-size:13px;margin:4px 0 0}@media (max-width: 640px){.ob-card{padding:32px 24px;border-radius:12px}.ob-prompt{font-size:24px}}@media (prefers-reduced-motion: reduce){.ob-input,.ob-textarea,.ob-btn-primary{transition:none}}.ob-pick-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.ob-pick{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-2);border-radius:10px;transition:background .2s}.ob-pick.is-picked{background:var(--sage-soft)}.ob-pick__toggle{flex:1;display:flex;justify-content:space-between;align-items:baseline;background:transparent;border:none;padding:0;cursor:pointer;text-align:left;font-family:var(--body);font-size:15px;color:var(--ink)}.ob-pick__area{font-family:var(--mono);font-size:10px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}.ob-pick__cadence,.ob-pick__date{background:transparent;border:1px solid var(--line);border-radius:6px;padding:4px 8px;font-family:var(--mono);font-size:11px;color:var(--ink-2)}.ob-time-presets{display:flex;gap:10px;flex-wrap:wrap}.ob-time-preset{background:var(--bg-2);border:1px solid transparent;border-radius:999px;padding:10px 18px;font-family:var(--body);font-size:14px;color:var(--ink-1);cursor:pointer;transition:background .2s,border-color .2s}.ob-time-preset:hover{background:var(--bg-3)}.ob-time-preset.is-active{background:var(--sage-soft);border-color:var(--accent)}.ob-time-custom{background:transparent;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-family:var(--mono);font-size:13px;color:var(--ink-1)}.ob-step-wrapper{animation:obFadeIn .2s ease-out}@keyframes obFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.ob-step-wrapper{animation:none}}