@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;1,9..144,300;1,9..144,400;1,9..144,600&family=DM+Sans:wght@300;400;500;600&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-50:oklch(98.5% .002 247.839);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-sm{max-width:var(--container-sm)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}}}:root{--bg:#faf7f0;--surface:#f0e8d2;--surface2:#e8dcc4;--border:#b48c502e;--border2:#b48c5052;--ink:#3d2b14;--ink2:#3d2b148c;--ink3:#3d2b144d;--accent:#c4623a;--accent-dim:#c4623a1f;--accent-mid:#c4623a47;--accent2:#7c74d4;--accent2-dim:#7c74d41a;--serif:"Fraunces", Georgia, serif;--sans:"DM Sans", system-ui, sans-serif}[data-theme=moonlit]{--bg:#141824;--surface:#1e2538;--surface2:#28324a;--border:#f5c8421a;--border2:#f5c84238;--ink:#f0e6c8e6;--ink2:#f0e6c880;--ink3:#f0e6c840;--accent:#f5c842;--accent-dim:#f5c8421f;--accent-mid:#f5c84247;--accent2:#b0a0e0;--accent2-dim:#b0a0e01f}[data-theme=loose-leaf]{--bg:#f8f6fd;--surface:#ede9f4;--surface2:#e4dff0;--border:#9b7dd426;--border2:#9b7dd44d;--ink:#312854;--ink2:#3128548c;--ink3:#31285447;--accent:#9b7dd4;--accent-dim:#9b7dd41a;--accent-mid:#9b7dd440;--accent2:#e07898;--accent2-dim:#e078981a}[data-theme=botanica]{--bg:#f5f2ea;--surface:#e4dec8;--surface2:#d8d0b8;--border:#506e4624;--border2:#506e4647;--ink:#1e2c1a;--ink2:#1e2c1a8c;--ink3:#1e2c1a4d;--accent:#4a7a3a;--accent-dim:#4a7a3a1a;--accent-mid:#4a7a3a40;--accent2:#7a4a2a;--accent2-dim:#7a4a2a1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}@media(min-width:520px)and (hover:hover)and (pointer:fine){body{background:#0e0e0e;justify-content:center;align-items:center;height:100dvh;min-height:100dvh;display:flex}#root{border-radius:48px;width:390px;height:min(844px,96dvh);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff1f,0 0 0 10px #1c1c1e,0 0 0 11px #2a2a2a,0 32px 80px #000000b3}#root:before{content:"";z-index:9999;pointer-events:none;background:#0e0e0e;border-radius:20px;width:120px;height:34px;position:absolute;top:12px;left:50%;transform:translate(-50%)}}.serif{font-family:var(--serif)}.serif-i{font-family:var(--serif);font-style:italic}.wordmark{font-family:var(--serif);color:var(--ink);font-size:17px;font-style:italic}.wordmark .r{color:var(--accent)}.section-lbl{letter-spacing:1.4px;text-transform:uppercase;color:var(--ink3);padding:12px 18px 6px;font-size:8px;font-weight:600}.scroll-body{scrollbar-width:none;flex:1;overflow-y:auto}.scroll-body::-webkit-scrollbar{display:none}.pill-toggle{background:var(--accent-dim);border:.5px solid var(--border);border-radius:20px;flex-shrink:0;margin:10px 14px 0;padding:2px;display:flex}.pt{text-align:center;color:var(--ink3);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:17px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 0;font-size:11px;font-weight:500;transition:all .18s;display:flex}.pt.on{background:var(--accent);color:var(--bg)}.topbar{flex-shrink:0;justify-content:space-between;align-items:center;padding:11px 18px 0;display:flex}.back-btn{color:var(--ink3);cursor:pointer;font-size:11px;font-family:var(--sans);align-items:center;gap:4px;display:flex}.lib-grid{grid-template-columns:1fr 1fr;gap:10px;padding:8px 14px 4px;display:grid}.lib-card{cursor:pointer;flex-direction:column;gap:7px;display:flex}.lib-card:active{opacity:.85}.lib-cover{aspect-ratio:2/3;border-left:5px solid #0000004d;border-radius:12px;flex-direction:column;justify-content:flex-end;width:100%;padding:10px 9px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000002e}.lib-cover-lines{flex-direction:column;gap:5px;display:flex;position:absolute;top:12px;left:14px;right:8px}.lcl{background:#ffffff12;border-radius:1px;width:100%;height:1.5px}.lib-cover-title{color:#ffffffe6;letter-spacing:.5px;z-index:1;font-size:9px;font-weight:700;line-height:1.4;position:relative}.lib-cover-author{color:#ffffff61;z-index:1;margin-top:3px;font-size:7px;position:relative}.lib-badge{background:var(--accent);color:var(--bg);z-index:2;border-radius:8px;padding:2px 7px;font-size:7.5px;font-weight:700;position:absolute;top:8px;right:8px}.lib-friends{z-index:2;display:flex;position:absolute;bottom:8px;right:8px}.lib-av{border:1.5px solid #0006;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:-5px;font-size:7px;font-weight:700;display:flex}.lib-av:first-child{margin-left:0}.lib-meta{padding:0 2px}.lib-title{color:var(--ink);font-size:11px;font-weight:500;font-family:var(--serif);white-space:nowrap;text-overflow:ellipsis;font-style:italic;overflow:hidden}.lib-prog-row{align-items:center;gap:5px;margin-top:3px;display:flex}.lib-pbar{background:var(--border);border-radius:1px;flex:1;height:2px;overflow:hidden}.lib-pfill{background:var(--accent);border-radius:1px;height:100%;transition:width .3s}.lib-pct{color:var(--ink3);text-align:right;flex-shrink:0;width:22px;font-size:8px}.vf{background:var(--surface);border-radius:22px;flex:1;justify-content:center;align-items:center;margin:6px 14px 0;display:flex;position:relative;overflow:hidden}.vf-book{background:#2a1008;border-radius:2px 10px 10px 2px;flex-direction:column;justify-content:flex-end;width:88px;height:128px;padding:9px 8px;display:flex;position:relative}.vf-book:before{content:"";background:#0006;border-radius:2px 0 0 2px;width:5px;position:absolute;top:0;bottom:0;left:0}.vf-lines{flex-direction:column;gap:5px;display:flex;position:absolute;top:14px;left:8px;right:5px}.vf-line{background:#ffffff12;border-radius:1px;height:1.5px}.vf-title-t{color:#ffffffe0;z-index:1;font-size:8px;font-weight:600;line-height:1.3;position:relative}.vf-author-t{color:#ffffff61;z-index:1;margin-top:3px;font-size:6.5px;position:relative}.vf-side-icons{z-index:10;flex-direction:column;gap:16px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-60%)}.vf-side-btn{cursor:pointer;flex-direction:column;align-items:center;gap:4px;display:flex}.vf-side-icon{background:#0000001a;border:.5px solid #0000002e;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.vf-side-icon:active{background:#0003}.vf-side-lbl{color:var(--ink3);letter-spacing:.2px;font-size:7.5px;font-weight:500}.vf-side-btn.active-mode .vf-side-icon{background:var(--accent2-dim);border-color:var(--accent2)}.vf-side-btn.active-mode .vf-side-lbl{color:var(--accent2)}.vf-swipe-hint{opacity:.45;pointer-events:none;flex-direction:column;align-items:center;gap:2px;animation:2.2s ease-in-out infinite sh-bounce;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@keyframes sh-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(4px)}}.shutter-row{flex-shrink:0;justify-content:space-between;align-items:center;padding:0 4px;display:flex;position:relative}.shutter-side-btn{cursor:pointer;flex-direction:column;align-items:center;gap:3px;width:64px;display:flex}.ssb-icon{background:var(--surface);border:.5px solid var(--border2);width:44px;height:44px;color:var(--ink2);border-radius:50%;justify-content:center;align-items:center;display:flex}.ssb-label{color:var(--ink2);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:64px;font-size:9px;font-weight:500;overflow:hidden}.ssb-sub{color:var(--ink3);text-align:center;font-size:8px}.shutter{border:3px solid var(--accent-mid);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;transition:transform .1s;display:flex;position:relative}.shutter:active{transform:scale(.92)}.shutter-inner{background:var(--accent);border-radius:50%;width:58px;height:58px;transition:all .2s}.cap-mode-toggle{background:var(--accent-dim);border:.5px solid var(--border);border-radius:20px;margin-top:10px;padding:2px;display:flex}.cap-toggle-btn{text-align:center;color:var(--ink3);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:17px;flex:1;padding:6px 0;font-size:11px;font-weight:500;transition:all .18s}.cap-toggle-btn.on{background:var(--accent);color:var(--bg)}.cap-toggle-btn.take-on{background:var(--accent2);color:#fff}.take-q-card{background:var(--accent2-dim);border:.5px solid var(--accent2);border-radius:16px;flex-shrink:0;margin:8px 14px 0;padding:12px 14px}.tqc-label{letter-spacing:1px;text-transform:uppercase;color:var(--accent2);align-items:center;gap:4px;margin-bottom:6px;font-size:8px;font-weight:600;display:flex}.tqc-pip{background:var(--accent2);border-radius:50%;width:4px;height:4px}.tqc-q{font-family:var(--serif);color:var(--ink);font-size:13px;font-style:italic;line-height:1.5}.ee-card{border:.5px solid var(--border2);cursor:pointer;border-radius:18px;margin:12px 14px 0;transition:opacity .15s;overflow:hidden}.ee-card:active{opacity:.88}.ee-masthead{border-bottom:1px solid var(--border2);background:var(--surface);justify-content:space-between;align-items:center;padding:10px 14px 8px;display:flex}.ee-flag{font-family:var(--serif);letter-spacing:3px;text-transform:uppercase;color:var(--ink);font-size:13px;font-weight:400;line-height:1}.ee-date{color:var(--ink3);letter-spacing:.5px;font-size:8px}.ee-locked{background:var(--surface)}.ee-locked-body{align-items:center;gap:12px;padding:14px 14px 16px;display:flex}.ee-locked-books{flex-shrink:0;align-items:flex-end;display:flex}.ee-mystery-book{border-left:3px solid #0000002e;border-radius:2px 6px 6px 2px;width:26px;margin-left:-6px}.ee-mystery-book:first-child{margin-left:0}.ee-locked-right{flex:1}.ee-locked-label{letter-spacing:1px;text-transform:uppercase;color:var(--ink3);margin-bottom:3px;font-size:8px;font-weight:600}.ee-countdown-num{font-family:var(--serif);color:var(--ink);margin-bottom:6px;font-size:26px;font-style:italic;font-weight:300;line-height:1}.ee-locked-sub{color:var(--ink3);font-size:9px;line-height:1.5;font-family:var(--serif);font-style:italic}.chal-card{background:var(--surface);border:.5px solid var(--border2);border-radius:18px;margin:8px 14px 0;overflow:hidden}.chal-hdr{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.chal-hdr:active{background:var(--accent-dim)}.chal-hdr-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.chal-icon{background:var(--accent-dim);border:.5px solid var(--accent-mid);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.chal-name{font-family:var(--serif);color:var(--ink);font-size:13px;font-style:italic}.chal-meta{color:var(--ink3);margin-top:1px;font-size:9px}.chal-prog{background:var(--border);border-radius:1px;width:100%;height:2px;margin-top:5px;overflow:hidden}.chal-prog-f{background:var(--accent);border-radius:1px;height:100%;transition:width .3s}.chal-chevron{color:var(--ink3);flex-shrink:0;font-size:14px;line-height:1;transition:transform .22s}.chal-chevron.open{transform:rotate(90deg)}.chal-books{border-top:.5px solid var(--border);padding:4px 0 6px}.chal-book-row{border-bottom:.5px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:8px 14px;display:flex}.chal-book-row:last-child{border-bottom:none}.chal-book-row:active{background:var(--accent-dim)}.chal-book-cov{border-left:4px solid #00000047;border-radius:5px;flex-shrink:0;width:30px;height:44px;box-shadow:1px 2px 6px #00000026}.chal-book-info{flex:1;min-width:0}.chal-book-t{font-family:var(--serif);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-style:italic;overflow:hidden}.chal-book-a{color:var(--ink3);margin-top:1px;font-size:9px}.chal-book-status{border-radius:8px;flex-shrink:0;padding:4px 8px;font-size:8px;font-weight:600}.chal-book-status.read{background:var(--accent-dim);color:var(--accent)}.chal-book-status.unread{background:var(--border);color:var(--ink3)}.nav-hint{color:var(--ink3);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:9px;display:flex}.ob-splash{background:#c4623a;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.ob-splash-scene{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 32px;display:flex;position:relative;overflow:hidden}.ob-splash-wordmark{color:#faf7f0;letter-spacing:-2px;text-align:center;z-index:2;font-family:Fraunces,Georgia,serif;font-size:58px;font-style:italic;font-weight:300;line-height:1;position:relative}.ob-splash-tagline{color:#faf7f099;text-align:center;letter-spacing:.1px;z-index:2;margin-top:14px;font-family:Fraunces,Georgia,serif;font-size:14px;font-style:italic;line-height:1.75;position:relative}.ob-splash-footer{z-index:2;background:#c4623a;flex-direction:column;flex-shrink:0;gap:12px;padding:20px 24px 40px;display:flex;position:relative}.ob-screen{background:var(--bg);scrollbar-width:none;flex-direction:column;flex:1;padding:0 24px 32px;display:flex;overflow-y:auto}.ob-screen::-webkit-scrollbar{display:none}.ob-topbar{flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 0 0;display:flex}.ob-back{color:var(--ink3);cursor:pointer;width:28px;font-size:20px;font-family:var(--serif);font-style:italic;line-height:1}.ob-step-dots{align-items:center;gap:5px;display:flex}.ob-dot{background:var(--border2);border-radius:50%;width:5px;height:5px;transition:background .2s,width .2s}.ob-dot.on{background:var(--accent);border-radius:3px;width:16px}.ob-hed{font-family:var(--serif);color:var(--ink);flex-shrink:0;margin-top:22px;font-size:26px;font-style:italic;font-weight:300;line-height:1.25}.ob-sub{color:var(--ink3);font-size:11px;line-height:1.6;font-family:var(--serif);flex-shrink:0;margin-top:6px;margin-bottom:20px;font-style:italic}.ob-fields{flex-direction:column;flex-shrink:0;gap:10px;margin-bottom:20px;display:flex}.ob-field-group{flex-direction:column;gap:4px;display:flex}.ob-field-lbl{letter-spacing:.8px;text-transform:uppercase;color:var(--ink3);font-size:9px;font-weight:700}.ob-field-input{background:var(--surface);border:.5px solid var(--border2);font-family:var(--serif);color:var(--ink);caret-color:var(--accent);box-sizing:border-box;border-radius:13px;outline:none;width:100%;padding:11px 14px;font-size:14px;font-style:italic}.ob-field-input::placeholder{color:var(--ink3)}.ob-field-input:focus{border-color:var(--accent-mid);background:var(--accent-dim)}.ob-phone-row{align-items:stretch;gap:8px;display:flex}.ob-flag{text-align:center;flex-shrink:0;width:80px;font-size:13px!important;font-style:normal!important}.ob-divider{flex-shrink:0;align-items:center;gap:10px;margin-bottom:12px;display:flex}.ob-divider:before,.ob-divider:after{content:"";background:var(--border2);flex:1;height:.5px}.ob-divider span{color:var(--ink3);white-space:nowrap;font-size:9px;font-family:var(--serif);font-style:italic}.ob-auth-row{flex-shrink:0;gap:10px;margin-bottom:20px;display:flex}.ob-auth-btn{background:var(--surface);border:.5px solid var(--border2);cursor:pointer;color:var(--ink);font-size:12px;font-weight:600;font-family:var(--serif);border-radius:14px;flex:1;justify-content:center;align-items:center;gap:7px;padding:13px;font-style:italic;transition:background .15s;display:flex}.ob-auth-btn:active{background:var(--accent-dim);border-color:var(--accent-mid)}.ob-cta{background:var(--accent);color:var(--bg);text-align:center;cursor:pointer;font-size:15px;font-weight:600;font-family:var(--serif);border:none;border-radius:16px;flex-shrink:0;width:100%;margin-top:auto;padding:15px;font-style:italic;transition:opacity .15s}.ob-splash-footer .ob-cta{color:#c4623a;background:#faf7f0;margin-top:0}.ob-cta:active{opacity:.85}.ob-login-link{text-align:center;color:var(--ink3);font-size:10px;font-family:var(--serif);cursor:pointer;flex-shrink:0;font-style:italic}.ob-splash-footer .ob-login-link{color:#faf7f080}.ob-splash-footer .ob-login-link span{color:#faf7f0e6;text-decoration:underline}.ob-login-link span{color:var(--accent);text-decoration:underline}.ob-connect-skip{text-align:center;color:var(--ink3);font-size:9px;font-family:var(--serif);cursor:pointer;flex-shrink:0;margin:12px 0 10px;font-style:italic}.ob-connect-card{background:var(--surface);border:.5px solid var(--border2);cursor:pointer;border-radius:16px;flex-shrink:0;align-items:center;gap:12px;margin-bottom:10px;padding:14px;transition:all .2s;display:flex}.ob-connect-card.connected{border-color:var(--accent-mid);background:var(--accent-dim)}.occ-icon{background:var(--surface2);width:44px;height:44px;color:var(--ink2);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ob-connect-card.connected .occ-icon{color:var(--accent)}.occ-info{flex:1;min-width:0}.occ-name{font-family:var(--serif);color:var(--ink);font-size:14px;font-style:italic}.occ-desc{color:var(--ink3);margin-top:2px;font-size:9px;line-height:1.5}.occ-toggle{background:var(--border2);border-radius:11px;flex-shrink:0;width:36px;height:22px;transition:background .2s;position:relative}.occ-toggle.on{background:var(--accent)}.occ-toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0003}.occ-toggle.on .occ-toggle-knob{transform:translate(14px)}.ob-perm-row{border-bottom:.5px solid var(--border);flex-shrink:0;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.ob-perm-icon{background:var(--accent-dim);border:.5px solid var(--accent-mid);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ob-perm-title{color:var(--ink);margin-bottom:2px;font-size:12px;font-weight:600}.ob-perm-desc{color:var(--ink3);font-size:10px;line-height:1.55;font-family:var(--serif);font-style:italic}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}