.original-shell.replica-auth{background:#fff url(/images/phoenix-login-background.png) 50%/cover no-repeat;position:relative;overflow:hidden}.replica-login-intro{position:absolute;top:clamp(136px,18% + 24px,194px);left:28px;right:28px}.replica-login-intro h1{white-space:nowrap;font-family:Noto Serif CJK SC,Songti SC,SimSun,Times New Roman,serif;font-size:clamp(24px,7.4vw,32px);font-weight:900;line-height:39px}.replica-login-intro p{margin-top:18px;font-size:16px;line-height:25px}.replica-login-form{top:clamp(360px,54%,500px);left:28px;right:28px;bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;display:flex;position:absolute}.replica-auth .auth-step-form{flex-direction:column;flex:0 auto;gap:0;min-height:0;display:flex}.replica-auth .auth-fields-scroll{flex:auto;min-height:0;overflow:auto}.replica-auth fieldset{border:0;flex-direction:column;gap:16px;margin:0;padding:0;display:flex}.replica-auth .field{margin:0;position:relative}.replica-auth:not(.is-register) .field>label{z-index:1;background:#fff;padding:0 4px;font-size:11px;position:absolute;top:0;left:12px;transform:translateY(-50%)}.replica-auth:not(.is-register) .field:not(:focus-within):has(input:placeholder-shown)>label{opacity:0}.replica-auth input{width:100%;min-height:62px;padding:14px 16px;background:#ffffffed!important;border-radius:10px!important}.replica-auth input:focus{border-color:#178c70;outline:1px solid #178c70}.replica-auth .password-field input{padding-right:16px}.replica-auth .auth-submit-area{padding-top:10px}.replica-login-retain{color:#178c70;font-size:12px;line-height:17px}.replica-login-error{min-height:18px}.replica-auth .error-box{margin:4px 0;padding:6px;font-size:12px}.replica-auth .button-row{gap:8px;margin:0;display:flex}.replica-auth .button-row .button{border-radius:10px;flex:1;min-height:58px;font-size:17px;font-weight:700}.replica-auth-mode{color:#178c70;background:0 0;flex-shrink:0;min-height:36px;font-size:12px}.replica-auth.is-register .replica-login-intro{top:40px}.replica-auth.is-register .replica-login-form{top:178px}.replica-auth.is-register .screen-tabs{background:0 0;border:0;padding:0 0 12px}.replica-auth.is-register .field{flex-direction:column;gap:6px;display:flex}.replica-auth.is-register fieldset{padding-top:8px}.replica-auth.is-register .password-field{display:flex;position:relative}.replica-auth.is-register .password-field .icon-button{position:absolute;top:8px;right:6px}@media (max-height:720px){.replica-login-intro{top:64px}.replica-login-form{top:clamp(226px,46%,320px);bottom:8px}.replica-auth.is-register .replica-login-intro{top:24px}.replica-auth.is-register .replica-login-form{top:148px}.replica-auth.is-register .replica-login-intro p{margin-top:8px}}@media (max-height:450px){.replica-login-intro{top:12px}.replica-login-intro p{display:none}.replica-login-form,.replica-auth.is-register .replica-login-form{top:70px}.replica-auth input{min-height:48px}.replica-auth fieldset{gap:8px}.replica-auth .button-row .button{min-height:46px}}.account-fixed-form fieldset,.auth-panel-page fieldset{border:0;min-width:0;margin:0;padding:0}.account-fixed-form>.screen-footer>.button{width:100%}.account-model-page .account-model-status{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.5}.account-model-page .field{gap:5px;margin-bottom:12px}.account-model-page .field small{font-size:12px}.account-model-help p{margin:0 0 12px;line-height:1.65}.auth-page.auth-panel-page{height:100%;min-height:0;padding:calc(20px + env(safe-area-inset-top)) 20px calc(12px + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden}.auth-panel-page>.auth-brand,.auth-panel-page>.auth-intro,.auth-panel-page>.auth-note{flex-shrink:0}.auth-panel-page .auth-intro{margin:20px 0}.auth-panel-page .auth-intro h1{font-size:26px}.auth-panel-page .auth-surface{flex-direction:column;flex:1;min-height:0;max-height:440px;padding:16px;display:flex;overflow:hidden}.auth-panel-page .segmented{flex-shrink:0;margin-bottom:10px}.auth-panel-page .screen-tabs{margin-bottom:12px;padding:0 0 6px}.auth-step-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.auth-fields-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.auth-panel-page .field{gap:5px;margin-bottom:12px}.auth-panel-page .field small{font-size:12px}.auth-panel-page .auth-identity-summary{color:var(--muted);overflow-wrap:anywhere;margin:0 0 14px;font-size:14px}.auth-submit-area{flex-shrink:0;padding-top:12px}.auth-submit-area .button-row{flex-wrap:nowrap;margin:0}.auth-submit-area .error-box{max-height:96px;margin:0 0 10px;overflow-y:auto}.auth-primary-submit{flex:1;min-width:0}.auth-panel-page .auth-note{margin:12px 0 0;font-size:12px;line-height:1.6}@media (max-height:650px){.auth-page.auth-panel-page{padding:calc(12px + env(safe-area-inset-top)) 14px calc(8px + env(safe-area-inset-bottom))}.auth-panel-page .auth-brand{font-size:22px}.auth-panel-page .auth-brand svg{width:25px;height:25px}.auth-panel-page .auth-intro{margin:10px 0}.auth-panel-page .auth-intro h1{font-size:23px}.auth-panel-page .auth-intro p{display:none}.auth-panel-page .auth-surface{padding:12px}.auth-panel-page .auth-note{margin-top:8px;font-size:11px}.auth-panel-page .screen-tabs{margin-bottom:8px;padding-bottom:3px}}@media (max-height:400px){.auth-panel-page>.auth-intro,.auth-panel-page>.auth-note{display:none}.auth-panel-page>.auth-brand{margin-bottom:6px;font-size:18px}.auth-panel-page .auth-surface{padding:8px 12px}.auth-panel-page .segmented{margin-bottom:5px}.auth-submit-area{padding-top:6px}}.announcement-dialog{color:#18211d;background:#fafcfb;border:1px solid #ccd8d2;border-radius:20px;width:min(480px,100% - 32px);max-height:calc(100dvh - 48px);padding:20px}.announcement-dialog::backdrop{background:#0006}.announcement-dialog header{justify-content:space-between;align-items:center;gap:16px;display:flex}.announcement-dialog h2{margin:0;font-size:21px}.announcement-dialog h3{margin:20px 0 8px;font-size:18px}.announcement-dialog time{color:#68746e;font-size:13px}.announcement-body{overflow-wrap:anywhere}.announcement-body p{white-space:pre-wrap;line-height:1.7}.original-home{--replica-green:#178c70;--replica-muted:#68746e;--replica-gold:#b4842c;color:#18211d;background:#fff;flex-direction:column;max-width:480px;height:100%;margin:0 auto;font-family:Roboto,Noto Sans CJK SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.45;display:flex}.original-home #main-content{overscroll-behavior:contain;scrollbar-width:none;display:block;overflow-y:auto}.original-home #main-content::-webkit-scrollbar{display:none}.original-home button,.original-home summary,.original-home a{-webkit-tap-highlight-color:#178c7014}.original-home :-webkit-any(button,a,summary):focus-visible{outline:2px solid var(--replica-green);outline-offset:-2px}.original-home :is(button,a,summary):focus-visible{outline:2px solid var(--replica-green);outline-offset:-2px}.replica-header{padding:calc(12px + env(safe-area-inset-top)) 24px 8px}.replica-title-row{justify-content:space-between;align-items:center;min-height:48px;display:flex}.replica-brand{align-items:center;gap:8px;min-width:0;display:flex}.replica-brand h1{color:#173b2d;letter-spacing:0;white-space:nowrap;font-family:Noto Serif CJK SC,Songti SC,SimSun,Times New Roman,serif;font-size:21px;font-weight:700;line-height:1.3}.replica-brand>span{color:#4c7a68;white-space:nowrap;background:#f5f9f7;border-radius:6px;padding:4px 8px;font-size:10px}.replica-settings{flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.replica-settings>span{color:#2d7358;border:1px solid #dde5e1;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.replica-status-row{background:#f8faf9;border:1px solid #dde5e1;border-radius:8px;justify-content:space-between;align-items:center;height:44px;margin-top:3px;padding:0 4px;display:flex;position:relative}.replica-connection{white-space:nowrap;color:var(--replica-green);align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:700;display:flex}.replica-connection>i{background:currentColor;border-radius:50%;width:7px;height:7px}.replica-connection.is-offline{color:#c83f4a}.replica-status-divider{background:#e4eae7;flex-shrink:0;width:1px;height:28px}.replica-announcement{height:40px;color:var(--replica-green);background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:14px;font-weight:700;display:flex}.replica-domain-picker{position:relative}.replica-domain-switch{color:#27342f;white-space:nowrap;justify-content:center;align-items:center;gap:4px;min-height:40px;padding:0 12px;font-size:12px;font-weight:500;display:flex}.replica-domain-switch svg{color:var(--replica-muted)}.replica-domain-picker summary{color:#27342f;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:4px;min-height:40px;padding:0 12px;font-size:12px;font-weight:500;list-style:none;display:flex}.replica-domain-picker summary::-webkit-details-marker{display:none}.replica-domain-picker summary svg{color:var(--replica-muted)}.replica-domain-options{z-index:5;background:#fff;border:1px solid #dde5e1;border-radius:8px;width:132px;padding:4px;position:absolute;top:42px;right:0;box-shadow:0 6px 18px #18211d14}.replica-domain-options button{text-align:left;background:#fff;border-radius:4px;width:100%;min-height:44px;padding:8px 12px;font-size:13px;display:block}.replica-domain-options button[aria-pressed=true]{color:var(--replica-green);background:#e7f4f0}.replica-domain-banner{background:#fff url(/images/phoenix-home-measurement-grid.png) 50%/cover no-repeat;flex-direction:column;justify-content:center;gap:6px;height:116px;padding:0 34px;display:flex;position:relative}.replica-domain-banner h2{color:#183a2e;letter-spacing:0;font-family:Noto Serif CJK SC,Songti SC,SimSun,Times New Roman,serif;font-size:27px;font-weight:700;line-height:31px}.replica-domain-banner p{color:#656f6b;font-size:12px}.replica-reference-reading{color:#b1914a;white-space:nowrap;font-size:9px;position:absolute;bottom:20px;right:30px}.replica-directories{padding-bottom:12px}.replica-directory-title{width:100%;height:54px;color:var(--replica-green);text-align:left;background:#fff;align-items:center;gap:12px;padding:0 24px;font-size:13px;font-weight:500;display:flex;position:relative}.replica-directory-title:after{content:"";background:#e0e6e3;height:1px;position:absolute;bottom:0;left:22px;right:22px}.replica-directory-title>span{flex:1}.replica-directory-title svg{color:var(--replica-muted)}.replica-application{background:#fff;border-bottom:1px solid #e3e8e6;align-items:center;min-height:78px;margin:0 22px;padding:8px 12px 8px 14px;display:flex;position:relative}.replica-application:nth-child(2n){background:#fcfdfc}.replica-app-index{width:40px;color:var(--replica-green);white-space:nowrap;flex-shrink:0;margin-right:10px;font-family:Times New Roman,Songti SC,serif;font-size:24px;font-weight:500}.replica-app-index.replica-index-wide{width:52px;font-size:20px}.replica-app-divider{background:#dde4e1;flex-shrink:0;width:1px;height:42px;margin-right:14px}.replica-app-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex;position:relative}.replica-app-title,.replica-app-subtitle{white-space:nowrap;display:block}.replica-app-title{margin-right:70px;font-size:16px;font-weight:600;line-height:21px}.replica-app-subtitle{color:var(--replica-muted);font-size:13px;line-height:17px}.replica-unowned{color:#c83f4a;font-size:13px;font-weight:600;position:absolute;top:0;right:0}.replica-navigation{height:calc(80px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;flex-shrink:0;align-items:center;display:flex}.replica-navigation>a{height:70px;color:var(--replica-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:flex}.replica-nav-icon{border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.replica-navigation .is-selected{color:var(--replica-green)}.replica-navigation .is-selected .replica-nav-icon{background:#178c701a}.replica-navigation a>i{background:0 0;border-radius:2px;width:26px;height:2px;margin-top:2px;display:block}.replica-navigation .is-selected>i{background:var(--replica-green)}.replica-fortune .replica-directory-title{color:var(--replica-gold)}.replica-fortune-actions{border:1px solid #d8e1dd;border-radius:10px;align-items:center;height:58px;margin:10px 24px;display:flex}.replica-fortune-actions>a{min-height:44px;color:var(--replica-gold);flex:1;place-items:center;font-size:15px;font-weight:700;display:grid}.replica-fortune-actions>a+a{border-left:1px solid #d8e1dd}@media (max-width:359px){.replica-header{padding-left:16px;padding-right:16px}.replica-brand{gap:5px}.replica-brand h1{font-size:19px}.replica-brand>span{padding:4px 5px;font-size:9px}.replica-connection{padding-inline-start:7px;padding-inline-end:7px;font-size:10px}.replica-announcement{padding-inline-start:8px;padding-inline-end:8px}.replica-domain-picker summary,.replica-domain-switch{padding-inline-start:7px;padding-inline-end:7px;font-size:11px}.replica-reference-reading{font-size:8px;bottom:12px;right:22px}}.original-shell{--primary:#178c70;--primary-active:#12765e;--ink:#18211d;--body:#18211d;--muted:#68746e;--line:#ccd8d2;--control-border:#ccd8d2;--canvas:#fafcfb;--surface:#fff;--surface-soft:#f3f7f5;--surface-card:#f3f7f5;--surface-strong:#eaf2ef;--gold:#b4842c;--red:#c83f4a;--green:#178c70;--focus:#178c70;--replica-green:#178c70;--replica-muted:#68746e;--replica-gold:#b4842c;background:var(--canvas);width:100%;max-width:480px;height:100%;min-height:0;color:var(--ink);border:0;margin:0 auto;font-family:Roboto,Noto Sans CJK SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.45}.original-shell.app-shell{max-width:480px;box-shadow:none;border:0}.original-shell h1,.original-shell h2,.original-shell h3{letter-spacing:0}.original-shell .page-header{min-height:68px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;background:#fff;border-bottom:1px solid #e2e9e6;gap:0}.original-shell .page-header h1{color:var(--ink);font-size:22px;font-weight:600}.original-shell .page-header .icon-button{color:var(--primary);background:0 0;border:0;width:48px;height:48px;padding:8px}.original-shell .page-header .icon-button svg{width:24px;height:24px}.original-shell .section{background:var(--surface-soft);box-shadow:none;border:0;border-radius:20px;padding:16px}.original-shell .section h2{font-size:17px;font-weight:700}.original-shell .button{min-height:46px;box-shadow:none;letter-spacing:0;border-radius:28px;font-size:14px;font-weight:600;transform:none}.original-shell .button--primary{background:var(--primary);color:#fff;border:1px solid #0000}.original-shell .button--secondary{color:var(--primary);border:1px solid var(--line);background:0 0}.original-shell .button--ghost{color:var(--primary);background:0 0;border:1px solid #0000}.original-shell .button--danger{background:var(--red);color:#fff;border:0}.original-shell .button:disabled{color:#969b98;opacity:1;background:#e3e5e3;border-color:#0000}.original-shell :-webkit-any(input:not([type=checkbox]):not([type=range]),textarea,select){border:1px solid var(--control-border);color:var(--ink);box-shadow:none;background:#fff;border-radius:8px;font-size:16px}.original-shell :is(input:not([type=checkbox]):not([type=range]),textarea,select){border:1px solid var(--control-border);color:var(--ink);box-shadow:none;background:#fff;border-radius:8px;font-size:16px}.original-shell .field>label{color:var(--muted);font-size:13px;font-weight:500}.original-shell .field small{color:var(--muted)}.original-shell .screen-footer{background:var(--canvas)}.original-shell .screen-tabs button.selected{color:var(--primary);background:#ddf2ec}.original-shell .screen-body>.screen-tabs button.selected{color:#12634f;background:#ddf2ec}.original-shell .notice{color:var(--muted);background:#f3f7f5;border-color:#e2e9e6;border-radius:10px}.original-shell dialog{color:var(--ink);background:#f3f7f5;border:0;border-radius:28px;box-shadow:0 14px 40px #18211d26}.original-shell .empty-state{color:var(--muted);background:0 0;border:0}.original-shell .toast{color:#fff;background:#18211d}.original-shell .screen-scroll{scrollbar-width:none;scrollbar-gutter:auto}.original-shell .screen-scroll::-webkit-scrollbar{display:none}.original-shell .account-menu,.original-shell .account-page-content,.original-shell .account-help{background:var(--canvas)}.original-shell .account-menu>a{background:var(--surface-soft);color:var(--ink);border:1px solid #e2e9e6;border-radius:12px}.original-shell .account-menu>a>svg{color:var(--primary)}.original-shell .account-page .screen-footer>.button{width:100%}.original-shell .replica-navigation{border-top:0}.original-shell .chip.selected{color:#178c70;background:#ddf2ec}.original-shell .chip{border-radius:8px}.original-shell .replica-outline-form .field{margin:6px 0 0;position:relative}.original-shell .replica-outline-form .field>label{z-index:1;background:#fafcfb;padding:0 4px;font-size:12px;position:absolute;top:0;left:12px;transform:translateY(-50%)}.original-shell .replica-outline-form .field:not(:focus-within):has(:-webkit-any(input,textarea):placeholder-shown)>label{opacity:0}.original-shell .replica-outline-form .field:not(:focus-within):has(:is(input,textarea):placeholder-shown)>label{opacity:0}.original-shell .replica-outline-form .field :-webkit-any(input,textarea){background:#fafcfb;min-height:56px;padding:16px}.original-shell .replica-outline-form .field :is(input,textarea){background:#fafcfb;min-height:56px;padding:16px}.replica-password-form{flex-direction:column;gap:12px;padding:16px;display:flex}.replica-password-form fieldset{border:0;flex-direction:column;gap:12px;margin:0;padding:0;display:flex}.original-gateway{background:linear-gradient(#fafcfb,#fff);flex-direction:column;display:flex}.original-gateway #main-content{padding:calc(28px + env(safe-area-inset-top)) 24px 28px;flex:1;gap:18px;display:flex;overflow:auto}.gateway-heading{border-left:4px solid var(--gold);flex-direction:column;flex-shrink:0;gap:8px;min-height:126px;padding-left:16px;display:flex}.gateway-heading>span{color:var(--gold);font-size:14px;font-weight:900}.gateway-heading h1{font-size:32px;font-weight:900;line-height:1.22}.gateway-heading p{color:var(--muted);font-size:16px;line-height:1.5}.gateway-account{border:1px solid var(--line);background:#fff;border-radius:10px;flex-shrink:0;padding:12px 16px}.gateway-account>div{align-items:center;gap:10px;margin-bottom:10px;display:flex}.gateway-account>div>span{color:var(--muted);font-size:12px}.gateway-account strong{overflow-wrap:anywhere;font-size:14px}.gateway-account .replica-connection{border:1px solid #178c7080;border-radius:30px;display:inline-flex}.gateway-choice{--choice:#178c70;text-align:left;background:#fff;border:1px solid #e2e9e6;border-radius:10px;flex-shrink:0;align-items:center;gap:18px;min-height:156px;padding:20px 18px;display:flex}.gateway-fortune{--choice:#c83f4a}.gateway-choice>i{background:var(--choice);flex-shrink:0;width:4px;height:108px}.gateway-letter{background:color-mix(in srgb, var(--choice) 14%, white);width:58px;height:58px;color:var(--choice);border-radius:14px;flex-shrink:0;place-items:center;font-size:26px;font-weight:900;display:grid}.gateway-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.gateway-copy small{color:var(--choice);font-size:12px;font-weight:700}.gateway-copy strong{font-size:24px;font-weight:900}.gateway-copy>span{color:var(--muted);font-size:13px}.gateway-copy b{color:var(--choice);font-size:14px}@media (max-width:359px){.original-gateway #main-content{padding-inline-start:20px;padding-inline-end:20px}.gateway-choice{gap:12px;padding-inline-start:14px;padding-inline-end:14px}.gateway-letter{width:46px;height:52px}}:root{color:var(--ink);background:var(--canvas);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#0a0a0a;--primary-active:#1f1f1f;--ink:#0a0a0a;--body:#3a3a3a;--muted:#656057;--line:#dfd8c7;--control-border:#8e8778;--canvas:#fffaf0;--surface:#fffdf7;--surface-soft:#faf5e8;--surface-card:#f5f0e0;--surface-strong:#ebe6d6;--pink:#ff4d8b;--teal:#1a3a3a;--lavender:#b8a4ed;--peach:#ffb084;--ochre:#e8b94a;--mint:#a4d4c5;--focus:#1a3a3a;--red:#b42318;--green:#137249;--radius:16px;font-family:PingFang SC,Microsoft YaHei UI,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;font-weight:400;line-height:1.55}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button{color:inherit}a{color:inherit;text-decoration:none}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-.03em;font-size:26px;font-weight:550;line-height:1.3}h2{font-size:18px;line-height:1.4}h3{font-size:16px}p{overflow-wrap:anywhere}small{color:var(--muted);font-size:14px}input,select,textarea{border:1px solid var(--control-border);background:var(--surface);width:100%;min-width:0;color:inherit;outline-offset:2px;min-height:46px;caret-color:var(--ink);border-radius:12px;padding:12px}input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--primary)}input[type=range]{accent-color:var(--primary);padding:8px 0}input[type=color]{height:44px;padding:4px}textarea{resize:vertical;min-height:104px}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:2px solid #1a3a3a44}button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:var(--lavender);color:var(--ink)}::-webkit-scrollbar{width:7px;height:6px}::-webkit-scrollbar-thumb{background:#c3bcae;border-radius:5px}button{border:0}.app-shell{max-width:920px;min-height:100dvh;padding-bottom:calc(84px + env(safe-area-inset-bottom));margin:auto}.content{padding:16px 20px 28px}.home{padding-top:calc(22px + env(safe-area-inset-top))}.home-header,.brand,.auth-brand,.section-heading,.button-row,.inline-row{align-items:center;gap:12px;display:flex}.home-header{justify-content:space-between}.brand{letter-spacing:-.6px;font-size:22px;font-weight:700}.avatar{background:var(--peach);width:40px;height:40px;color:var(--ink);border-radius:50%;place-items:center;font-weight:600;display:grid}.home-title{margin:27px 0 18px}.home-title h1{font-size:30px}.home-title p{color:var(--muted);margin-top:5px;font-size:15px}.segmented{background:var(--surface-strong);border-radius:12px;gap:4px;margin-bottom:20px;padding:4px;display:flex;overflow:auto}.segmented button{white-space:nowrap;min-height:44px;color:var(--muted);background:0 0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:15px;display:flex}.segmented .selected{background:var(--primary);color:#fff;box-shadow:none;font-weight:650}.primary-tool{background:var(--teal);color:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;min-height:162px;margin-bottom:26px;padding:24px;display:flex}.tool-title{font-size:23px;font-weight:650}.primary-tool p{color:#fffaf0;max-width:240px;margin-top:7px;font-size:14px}.tool-action{align-items:center;gap:10px;margin-top:22px;font-size:15px;font-weight:600;display:flex}.pigment-mark{flex-wrap:wrap;align-items:center;gap:6px;width:75px;display:flex;transform:rotate(-8deg)}.pigment-mark span{border:1px solid #fff5;border-radius:50%;width:30px;height:30px}.fortune-tool{background:var(--teal)}.section{margin-bottom:24px}.section-heading{justify-content:space-between;gap:8px;margin-bottom:12px}.text-link{color:var(--teal);align-items:center;min-height:36px;font-size:14px;display:inline-flex}.list-surface,.panel{background:var(--surface);border-radius:var(--radius);overflow:hidden}.panel{margin-bottom:18px;padding:18px}.row-link{align-items:center;gap:13px;min-height:77px;padding:16px;display:flex}.row-link+.row-link{border-top:1px solid var(--line)}.row-link:active{background:var(--surface-soft)}.row-icon{color:var(--teal);place-items:center;width:37px;height:40px;display:grid}.row-icon svg{stroke-width:1.7px;width:24px;height:24px}.row-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.row-copy strong{font-size:16px;font-weight:600}.row-copy small{font-size:14px}.row-link>svg{color:var(--muted)}.todo-shortcut{align-items:center;gap:12px;padding:16px 2px;font-size:15px;display:flex}.todo-shortcut>span:last-child{color:var(--muted);margin-left:auto;font-size:14px}.bottom-nav{z-index:30;width:100%;max-width:920px;padding:9px 10px calc(9px + env(safe-area-inset-bottom));background:var(--canvas);border-top:1px solid var(--line);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{min-height:48px;color:var(--muted);border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:13px;display:flex}.nav-item.is-active{color:var(--ink);font-weight:650}.nav-item.is-active svg{fill:#0a0a0a0c}.page-header{padding:calc(14px + env(safe-area-inset-top)) 16px 14px;background:var(--canvas);border-bottom:1px solid var(--line);align-items:center;gap:9px;display:flex}.page-header>div{flex:1;min-width:0}.page-header h1{overflow-wrap:anywhere;font-size:20px}.page-header p{color:var(--muted);margin-top:2px;font-size:14px}.icon-button{background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.icon-button:hover{background:var(--surface-strong)}.button{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 18px;font-size:15px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.button--primary{background:var(--primary);color:#fff}.button--primary:hover{background:var(--primary-active)}.button--secondary{background:var(--surface-card);color:var(--ink)}.button--ghost{color:var(--teal);background:0 0}.button--danger{color:#fff;background:#b42318}.full{width:100%}.button-row{flex-wrap:wrap;margin-top:16px}.button-row>.button{flex:1}.field{flex-direction:column;gap:7px;margin-bottom:16px;font-size:15px;display:flex}.field>span,.field>label{font-weight:600}.field small{font-size:14px}.form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.span-all{grid-column:1/-1}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:52px}.password-field .icon-button{position:absolute;right:3px}.error-box{color:#a32219;overflow-wrap:anywhere;background:#fff0ef;border:1px solid #f7c8c4;border-radius:10px;align-items:flex-start;gap:9px;margin:12px 0;padding:12px 14px;font-size:14px;display:flex}.error-box svg{margin-top:2px}.error-box button{color:#a32219;background:0 0;margin-left:12px;text-decoration:underline}.notice{background:var(--surface-card);color:var(--teal);border-radius:10px;margin:14px 0;padding:13px 15px;font-size:14px}.muted{color:var(--muted);font-size:14px}.empty{text-align:center;background:var(--surface);border-radius:var(--radius);color:var(--muted);padding:26px 16px}.empty svg{margin-bottom:10px}.empty h3{color:var(--body);font-weight:500}.empty p{max-width:330px;margin:6px auto 0;font-size:14px}.empty .button{margin-top:16px}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:36px 16px;font-size:15px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:100;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));background:var(--ink);color:#fff;border-radius:12px;width:max-content;max-width:calc(100% - 36px);padding:12px 20px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 8px 25px #0a0a0a22}.offline-banner{color:#704b0c;background:#fff0d4;padding:9px 16px;font-size:14px}.skip-link{background:var(--surface);z-index:120;padding:10px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:10px}.dialog{background:var(--canvas);width:min(440px,100% - 32px);color:var(--ink);border:0;border-radius:16px;padding:20px;box-shadow:0 20px 90px #1a1a1a26}.dialog::backdrop{background:#1a1a1a77}.dialog-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-body{margin:12px 0 20px;font-size:15px}.dialog-body p{margin-bottom:10px}.auth-page{max-width:470px;min-height:100dvh;padding:calc(36px + env(safe-area-inset-top)) 24px 28px;margin:auto}.auth-brand{letter-spacing:-.6px;font-size:26px;font-weight:700}.auth-intro p{color:var(--muted);margin-top:10px;font-size:15px}.auth-surface{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:22px}.auth-note{color:var(--muted);text-align:center;margin-top:25px;font-size:14px;line-height:1.9}.startup{text-align:center;place-content:center;min-height:100dvh;padding:24px;display:grid}.brand-symbol{background:var(--peach);width:60px;height:60px;color:var(--ink);border-radius:16px;place-items:center;margin:0 auto 18px;display:grid}.key-values{margin:0}.key-values>div{border-bottom:1px solid var(--line);gap:15px;padding:11px 0;font-size:14px;display:flex}.key-values>div:last-child{border:0}.key-values dt{color:var(--muted);flex:0 0 34%;max-width:160px}.key-values dd{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0}.search-box{margin-bottom:18px;position:relative}.search-box input{padding-left:41px}.search-box svg{color:var(--muted);position:absolute;top:13px;left:13px}.filter-row{gap:8px;margin:0 0 18px;padding-bottom:3px;display:flex;overflow-x:auto}.chip{white-space:nowrap;background:var(--surface);color:var(--body);border-radius:8px;align-items:center;gap:5px;min-height:40px;padding:8px 14px;font-size:14px;display:inline-flex}.chip.selected{background:var(--lavender);color:var(--ink);font-weight:600}.record-entry{background:var(--surface);border-radius:12px;align-items:center;gap:12px;margin-bottom:10px;padding:17px;display:flex}.record-entry>div{flex:1;min-width:0}.record-entry h3{overflow-wrap:anywhere}.record-entry small{margin-top:5px;display:block}.record-entry .record-dot{background:var(--lavender);border-radius:4px;width:12px;height:36px}.detail-heading{padding-bottom:18px}.detail-heading h2{margin-bottom:8px;font-size:24px}.detail-actions{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.detail-actions .button{flex:1}.raw-data{white-space:pre-wrap;word-break:break-word;background:var(--surface-strong);border-radius:10px;max-width:100%;max-height:350px;padding:14px;font:13px/1.6 ui-monospace,monospace;overflow:auto}.check-row{align-items:center;gap:10px;padding:12px 0;font-size:14px;display:flex}.check-row input{flex-shrink:0}.profile-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:18px 0;display:flex}.profile-row>div{flex:1}.profile-row .avatar{font-size:19px}.person-detail-head{align-items:center;gap:16px;margin-bottom:22px;display:flex}.person-detail-head .avatar{width:60px;height:60px;font-size:24px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tool-grid .button{min-height:54px}.stat-row{gap:16px;margin-bottom:22px;display:flex}.stat-row>div{flex:1}.stat-row strong{font-variant-numeric:tabular-nums;font-size:27px;display:block}.stat-row small{display:block}.color-pair{grid-template-columns:1fr 1fr;gap:14px;margin:14px 0;display:grid}.swatch{border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:flex-end;min-height:92px;margin:8px 0;padding:7px;display:flex}.swatch span{color:var(--ink);background:#ffffffec;border-radius:5px;padding:2px 8px;font-size:12px}.pair-label{justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.channel-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.channel-inputs .field{gap:3px;margin-bottom:0;font-size:13px}.channel-inputs input{text-align:center;font-variant-numeric:tabular-nums;padding:8px 5px}.delta-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:17px 0;display:flex}.delta-bar strong{font-variant-numeric:tabular-nums;font-size:34px;font-weight:650;line-height:1.2}.delta-axes{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px;line-height:1.9}.camera-stage{aspect-ratio:4/3;touch-action:none;background:#1f1f1f;border-radius:12px;margin-bottom:14px;position:relative;overflow:hidden}.camera-stage video,.camera-stage img{object-fit:contain;width:100%;height:100%;display:block}.camera-overlay{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.sample-circle{aspect-ratio:1;border:2px solid #fff;border-radius:50%;width:17%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #1f1f1f77}.sample-circle span{color:#fff;white-space:nowrap;background:#1f1f1fbf;border-radius:4px;padding:2px 7px;font-size:12px;position:absolute;top:-28px}.camera-placeholder{color:#eee;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:24px;font-size:14px;display:flex}.camera-status{color:#fff;background:#1f1f1fd9;border-radius:5px;padding:3px 8px;font-size:12px;position:absolute;bottom:10px;left:10px}.color-result{margin-top:18px}.pigment-row{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:12px 0;display:flex}.pigment-row i{border:1px solid var(--control-border);border-radius:50%;width:22px;height:22px}.pigment-row>span{flex:1}.pigment-row strong{font-variant-numeric:tabular-nums;font-size:18px}.quiz-option{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:12px;width:100%;min-height:58px;margin:12px 0;padding:14px;font-size:15px;display:flex}.quiz-option>span:first-child{background:var(--surface-strong);width:26px;height:26px;color:var(--body);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.quiz-option.correct{color:#155a38;background:#eaf7ef;border-color:#73b792}.quiz-option.wrong{color:#9c261d;background:#fff0ee;border-color:#e4a49c}.quiz-progress{background:var(--surface-strong);border-radius:9px;height:5px;margin:16px 0 22px;overflow:hidden}.quiz-progress>span{background:var(--primary);height:100%;display:block}.quiz-prompt{margin:16px 0 22px;font-size:20px;font-weight:600;line-height:1.65}.question-meta{color:var(--muted);justify-content:space-between;font-size:14px;display:flex}.quiz-explanation{background:var(--surface-card);border-radius:12px;margin-top:18px;padding:16px;font-size:15px}.todo-item{background:var(--surface);border-radius:12px;align-items:center;gap:12px;margin:10px 0;padding:13px;display:flex}.todo-item .todo-label{flex:1;align-items:center;gap:12px;min-width:0;font-size:16px;display:flex}.todo-item.done .todo-label span{color:var(--muted);text-decoration:line-through}.todo-item input{flex-shrink:0}.conversation-list{margin-bottom:20px}.chat-messages{flex-direction:column;gap:20px;min-height:180px;margin:22px 0;display:flex}.chat-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}.chat-message.user{background:var(--mint);border-radius:13px 13px 3px;align-self:flex-end;max-width:92%;padding:13px 16px}.chat-message.assistant{background:var(--surface);border-radius:13px;max-width:100%;padding:18px;line-height:1.9}.chat-message small{margin-bottom:7px;display:block}.chat-composer{background:var(--surface);border-radius:14px;margin:18px 0;padding:14px}.chat-composer textarea{min-height:95px}.chat-context{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chat-context span{background:var(--surface-card);color:var(--teal);border-radius:6px;padding:4px 8px;font-size:13px}.chart-summary{background:var(--surface);border-radius:12px;margin-bottom:18px;padding:17px}.chart-pillars{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.chart-pillars>div{text-align:center;background:var(--surface-card);border-radius:8px;padding:13px 4px}.chart-pillars b{font-size:29px;font-weight:600;line-height:1.6;display:block}.chart-pillars small{font-size:13px}.palace-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:15px 0;display:grid}.palace{background:var(--surface-soft);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:8px;min-height:112px;padding:9px;font-size:13px}.palace h3{margin-bottom:7px;font-size:14px}.palace p{font-size:13px}.detail-disclosure{background:var(--surface);border-radius:12px;margin:12px 0;padding:0 16px;overflow:hidden}.detail-disclosure summary{cursor:pointer;padding:16px 0;font-size:15px;font-weight:600}.detail-disclosure[open]{padding-bottom:16px}.line-editor{align-items:center;gap:7px;margin:10px 0;display:flex}.line-editor>span{flex-shrink:0;width:45px;font-size:14px}.line-editor select{flex:1}.account-header{align-items:center;gap:16px;margin:8px 0 26px;display:flex}.account-header .avatar{width:58px;height:58px;font-size:23px}.account-header h1{font-size:24px}.account-header p{color:var(--muted);margin-top:4px;font-size:14px}.settings-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:17px 0;display:flex}.settings-row>div{flex:1}.settings-row small{margin-top:3px;display:block}.switch{-webkit-appearance:none;appearance:none;background:#a59e90;border:0;border-radius:20px;flex-shrink:0;padding:0;position:relative;width:46px!important;height:28px!important;min-height:28px!important}.switch:checked{background:var(--primary)}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:left .15s;position:absolute;top:3px;left:3px}.switch:checked:after{left:21px}.file-input{margin:14px 0;display:block}.danger-text{color:var(--red)}.sticky-actions{bottom:calc(81px + env(safe-area-inset-bottom));z-index:5;background:#fffaf0f5;padding:10px 0;position:sticky}.status-badge{color:var(--body);background:var(--surface-strong);border-radius:6px;padding:3px 8px;font-size:12px;display:inline-block}.screen-reader-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:700px){.content{padding:28px 36px}.home-header{padding:0}.home-title{margin-top:30px}.primary-tool{min-height:185px;padding:28px 32px}.pigment-mark{gap:10px;width:124px}.pigment-mark span{width:39px;height:39px}.page-header{padding:18px 30px}.row-link{min-height:86px;padding:20px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.camera-stage{max-height:430px}.auth-page{padding-top:65px}.auth-intro{margin-top:60px}}@media (max-width:360px){.content{padding:16px 14px}.auth-page{padding-left:16px;padding-right:16px}.auth-surface{padding:17px}.form-grid{gap:0 9px}.primary-tool{padding:18px}.tool-title{font-size:21px}.button{padding:10px 12px}.page-header{padding-left:8px;padding-right:12px}.delta-bar strong{font-size:30px}.palace{padding:7px}.nav-item{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}@media print{.bottom-nav,.page-header .icon-button,.button,.detail-actions{display:none!important}.app-shell,.content{padding:0}.detail-disclosure{break-inside:avoid}body{background:var(--surface)}}.break-word{overflow-wrap:anywhere}.feedback-full{white-space:pre-wrap;margin-bottom:18px}.rule-note{margin:0 0 12px;font-size:14px}.calculated-chart{margin-top:32px;scroll-margin-top:24px}.calculated-chart>.section-heading{margin-bottom:18px}.element-row{align-items:center;gap:12px;padding:8px 0;font-size:14px;display:flex}.element-row>div{background:var(--surface-strong);border-radius:3px;flex:1;height:7px;overflow:hidden}.element-row>div>span{background:var(--teal);height:100%;display:block}.element-row b{text-align:right;font-variant-numeric:tabular-nums;min-width:52px;font-weight:500}.palace-highlight{--muted:var(--ink);background:var(--lavender);border-color:#766292}.palace>small{margin:3px 0;font-size:12px;display:block}.hexagram-line{align-items:center;gap:12px;margin:17px 0;font-size:14px;display:flex}.hexagram-line>span:first-child{flex:0 0 45px}.hexagram-line>span:nth-child(3){flex:0 0 72px}.hexagram-line small{font-size:12px;display:block}.yao{flex:1;gap:9px;height:7px;display:flex}.yao i{background:var(--teal);flex:1}.yao.yang{gap:0}.yao.moving i{background:#aa463c}.moving-label{color:#96372e;font-size:12px}.line-values{margin-top:24px}.line-values>h2{margin-bottom:8px}.line-values>p{margin-bottom:16px}.todo-label span{overflow-wrap:anywhere}.todo-item{flex-wrap:wrap;gap:5px}.todo-item .todo-label{min-width:90px}.todo-item .icon-button{width:44px;min-width:44px}h1[tabindex="-1"]:focus{outline:none}@media (max-width:360px){.hexagram-line{gap:8px}.hexagram{padding:12px}}html,body,#root{overscroll-behavior:none;height:100%;overflow:hidden}body{position:fixed;top:0;bottom:0;left:0;right:0}#root{height:var(--app-height,100dvh)}.app-shell{flex-direction:column;height:100%;min-height:0;padding:0;display:flex}#main-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}#main-content>.loading{flex:1}.page-screen{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.page-header{padding-top:calc(9px + env(safe-area-inset-top));flex-shrink:0;padding-bottom:9px}.page-header p{font-size:13px;line-height:1.4}.bottom-nav{padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom));flex-shrink:0;position:static;transform:none}.nav-item{min-height:46px}.keyboard-open .bottom-nav{display:none}.screen-body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 16px;display:flex;overflow:hidden}.screen-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;flex:1;min-height:0;overflow:hidden auto}.screen-footer{background:var(--canvas);border-top:1px solid var(--line);flex-shrink:0;padding:10px 16px}.screen-footer .button-row{margin:0}.screen-footer .error-box{margin:0 0 8px}.screen-tabs{background:var(--canvas);border-bottom:1px solid var(--line);flex-shrink:0;gap:2px;padding:4px 10px;display:flex}.screen-tabs button{min-width:0;min-height:44px;color:var(--muted);background:0 0;border-radius:8px;flex:1;padding:8px 5px;font-size:14px;line-height:1.3}.screen-tabs button.selected{background:var(--primary);color:#fff;font-weight:650}.screen-body>.screen-tabs{background:0 0;border:0;margin:-4px -4px 0;padding:0}.screen-body>.screen-tabs button.selected{background:var(--primary)}.screen-body .section{margin-bottom:16px}.screen-body .panel{margin-bottom:12px;padding:14px}.screen-body .field{gap:5px;margin-bottom:12px}.screen-body .field:last-child{margin-bottom:0}.screen-body .field small{font-size:13px}.screen-body .notice{margin-top:0}.screen-body .row-link{min-height:64px;padding:12px}.screen-body .detail-disclosure{margin:6px 0 10px}.screen-body .detail-disclosure summary{padding:12px 0}.screen-body .stat-row{margin-bottom:10px}.screen-body .empty{padding:26px 15px}.screen-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.panel-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.home-screen .home-header{padding:calc(10px + env(safe-area-inset-top)) 18px 6px}.home-screen .home-title{justify-content:space-between;align-items:center;gap:8px;margin:4px 18px 12px;display:flex}.home-screen .home-title h1{font-size:24px}.home-title>span{color:var(--muted);font-size:13px}.home-screen .screen-tabs{background:var(--surface-strong);border:0;border-radius:10px;margin:0 14px;padding:4px}.home-screen .screen-tabs .selected{background:var(--primary)}.launcher-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;display:grid}.launcher-grid.launcher-six{grid-template-rows:repeat(3,minmax(0,1fr));gap:9px}.launcher-tool{background:var(--surface);border:0;border-radius:24px;flex-direction:column;justify-content:center;align-items:flex-start;gap:9px;min-width:0;min-height:0;padding:clamp(12px,2.5vh,22px);display:flex}.launcher-tool svg{color:var(--teal)}.launcher-tool strong{font-size:18px}.launcher-tool small{font-size:13px}.launcher-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.launcher-primary svg,.launcher-primary small{color:#fffaf0}.launcher-grid .launcher-tool{background:var(--pink);color:var(--ink)}.launcher-grid .launcher-tool:nth-child(2){background:var(--teal);color:#fffaf0}.launcher-grid .launcher-tool:nth-child(3){background:var(--lavender)}.launcher-grid .launcher-tool:nth-child(4){background:var(--peach)}.launcher-grid .launcher-tool:nth-child(5){background:var(--ochre)}.launcher-grid .launcher-tool:nth-child(6){background:var(--mint)}.launcher-grid .launcher-tool svg,.launcher-grid .launcher-tool small{color:inherit}.launcher-tool svg{stroke-width:1.65px}.launcher-tool strong{font-weight:600}.nav-item.is-active{background:var(--lavender);color:var(--ink);border-radius:12px}.bottom-nav{gap:5px}.brand svg,.auth-brand svg{color:var(--ink)}.avatar{border-radius:14px}.brand-symbol{background:var(--pink);color:var(--ink)}.row-icon{background:var(--surface-card);color:var(--teal);border-radius:12px}.empty>svg{color:var(--teal)}.status-badge{border-radius:8px}.success-badge{color:#12663f;background:#e2f3e9}.quiz-explanation,.quiz-option>span:first-child{background:var(--surface-card)}.quiz-option.correct>span:first-child{color:#155a38;background:#cee8da}.quiz-option.wrong>span:first-child{color:#9c261d;background:#f6d3cd}.chat-message.user,.chat-message.user small{color:var(--teal)}.chat-message.assistant,.panel,.list-surface,.record-entry,.todo-item,.detail-disclosure,.chart-summary{border:1px solid var(--line)}.auth-panel-page .auth-intro{align-items:center;gap:10px;display:flex}.auth-panel-page .auth-intro>div{flex:1;min-width:0}.auth-panel-page .auth-intro h1{text-wrap:balance;font-weight:550}.auth-clay-art{object-fit:contain;mix-blend-mode:multiply;flex-shrink:0;width:116px;height:116px;display:block}@media (hover:hover){.launcher-tool:hover{box-shadow:inset 0 0 0 2px var(--ink)}.launcher-tool:nth-child(2):hover{box-shadow:inset 0 0 0 2px #fffaf0}.button--secondary:hover,.button--ghost:hover{background:var(--surface-strong)}}button:not(:disabled):active,a:active{-webkit-tap-highlight-color:#0a0a0a12}@media (max-height:650px){.auth-clay-art{display:none}.launcher-tool{border-radius:18px}}.home-screen .todo-shortcut{flex-shrink:0;min-height:44px;padding:10px 18px}.single-panel{flex-direction:column;flex:1;min-height:0;display:flex}.quiz-screen .stat-row strong{font-size:22px}.quiz-screen .stat-row small{font-size:12px}.quiz-screen .quiz-progress{margin:4px 0 10px}.quiz-screen .quiz-prompt{margin:10px 0 14px;font-size:18px;line-height:1.55}.quiz-screen .quiz-option{min-height:48px;margin:8px 0;padding:10px}.quiz-screen .quiz-explanation{margin-top:6px}.quiz-screen .screen-footer .button{padding:10px 9px;font-size:14px}.todo-screen .todo-item{gap:5px;padding:10px 8px}.todo-screen .todo-item .todo-label{gap:8px}.todo-screen .todo-item .todo-label span{overflow-wrap:anywhere}.todo-screen .todo-item .icon-button{width:38px;min-width:38px;height:44px}.record-screen .record-entry{padding:13px 8px}.record-screen .filter-row{margin:0}.record-screen .record-heading{flex-shrink:0;padding:12px 16px 0;font-size:15px}.record-screen .screen-footer .button{padding:10px 8px;font-size:14px}.auth-page{height:100%;min-height:0;padding:calc(20px + env(safe-area-inset-top)) 20px calc(16px + env(safe-area-inset-bottom));overflow-y:auto}.auth-intro{margin:20px 0}.auth-intro h1{font-size:26px}.auth-surface{padding:18px}.auth-note{margin-top:14px;font-size:13px}.auth-page .field{gap:5px;margin-bottom:12px}.auth-page .field small{font-size:12px}.auth-page .segmented{margin-bottom:14px}.toast{background:var(--surface-card);width:auto;max-width:none;max-height:80px;color:var(--teal);box-shadow:none;border-radius:0;flex-shrink:0;padding:8px 14px;font-size:13px;position:static;bottom:auto;left:auto;overflow-y:auto;transform:none}.keyboard-open .toast{bottom:14px}.dialog{max-height:calc(var(--app-height,100dvh) - 32px);overflow-y:auto}@media (max-height:650px){.home-screen .home-title{margin-bottom:7px}.home-screen .brand{font-size:19px}.home-screen .avatar{width:34px;height:34px}.launcher-tool{gap:5px;padding:10px 12px}.launcher-tool strong{font-size:16px}.launcher-tool svg{width:22px;height:22px}.screen-body{gap:8px;padding:9px 12px}.page-header{padding-top:calc(5px + env(safe-area-inset-top));padding-bottom:5px}.auth-page{padding-top:calc(12px + env(safe-area-inset-top))}.auth-intro{margin:12px 0}.auth-intro p{display:none}.auth-surface{padding:12px}.auth-note{margin-top:9px}}@media (max-width:360px){.screen-body,.screen-footer{padding-left:12px;padding-right:12px}.screen-tabs-many{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}}@media print{html,body,#root,.app-shell,#main-content,.page-screen,.screen-body,.screen-scroll{height:auto;min-height:0;display:block;position:static;overflow:visible}.screen-tabs,.screen-footer{display:none}}