/* Editorial direction: quiet paper, disciplined controls, continuous day/night canvas.
   References: iA Writer's reading focus and Linear's surface hierarchy. */
body{
 --surface:#fafbf9;--soft:#edf1f1;--ink:#283a45;--muted:#657984;--line:#dbe2e4;--blue:#008eb7;
 background:radial-gradient(ellipse at 98% 0,#dfecef70,transparent 48%),linear-gradient(135deg,#faf9f5,#f4f6f5 60%,#edf3f4);background-attachment:fixed;
 color:var(--ink);font-family:Inter,'Segoe UI','Microsoft YaHei',sans-serif;
}
body.dark{
 --surface:#253139;--soft:#29363f;--ink:#e6ecef;--muted:#a8b8c2;--line:#3b4a54;--blue:#56bbd3;
 background:radial-gradient(ellipse at 98% 0,#34505b35,transparent 48%),linear-gradient(135deg,#252d35,#242f37 60%,#24353d);background-attachment:fixed;color:var(--ink);
}
body .card,body .order-card,body .notice,body .market-notice,body .side-notice,body .contact,body .orders,body .order-list,body .comparison,body .number-panel,body .membership-hero{
 background:linear-gradient(120deg,#ffffff62,#ffffff12);border-color:transparent;box-shadow:none;border-radius:12px;
}
body.dark .card,body.dark .order-card,body.dark .notice,body.dark .market-notice,body.dark .side-notice,body.dark .contact,body.dark .orders,body.dark .order-list,body.dark .comparison,body.dark .number-panel,body.dark .membership-hero{
 background:linear-gradient(120deg,#ffffff06,#ffffff01);border-color:transparent;box-shadow:none;
}
body .number-panel h2,body .membership-hero h1{font-family:Georgia,'Songti SC','SimSun',serif;font-weight:500;letter-spacing:.04em;line-height:1.55;color:var(--ink)}
body .number-panel .empty-symbol{width:48px;height:48px;background:#e1eef0;color:#178aa7;border:0;border-radius:12px}
body.dark .number-panel .empty-symbol{background:#354e58;color:#85d1df}
body .number-features>div{border-color:#829da529}
body .number-guidance{background:#e8eef047}
body.dark .number-guidance{background:#ffffff04}
body:not(.dark) input,body:not(.dark) select,body:not(.dark) textarea{background:#ffffff85;border-color:#adbfc647;color:#344852;border-radius:7px;box-shadow:none}
body.dark input,body.dark select,body.dark textarea{background:#17232c30;border-color:#b2c8d02c;color:var(--ink);border-radius:7px;box-shadow:none}
body input:focus,body select:focus,body textarea:focus{border-color:#259bb8;box-shadow:0 0 0 3px #259bb810}
body.dark input:focus,body.dark select:focus,body.dark textarea:focus{background:#23333d;border-color:#61b8cd}
body .description,body .soft-box{background:#e6edef38;border-color:#a1b8c021;color:#5a707c}
body.dark .description,body.dark .soft-box,body.dark .number-panel .soft-box{background:#91b3c009;border-color:#a1b8c019;color:var(--muted)}
body .header-nav a.current{background:#e1f1f3;color:#087f9e;border-color:transparent;box-shadow:none}
body.dark .header-nav a.current{background:#33505c;color:#97deec;border-color:transparent;box-shadow:none}
body .primary,body .small-primary{background:#078fb3;box-shadow:0 3px 10px #078fb310;border-radius:7px;color:#fff}
body.dark .primary,body.dark .small-primary{background:#137e99;color:#fff;box-shadow:none}
body .segment{background:#a8bdc218;padding:4px;border-radius:9px}
body .segment button.selected{background:#ffffffa8;color:#087f9e;box-shadow:0 1px 4px #18343d08}
body.dark .segment button.selected{background:#3a4c57;color:#a1e0ec;box-shadow:none}
body .picker-list button.selected,body .choice.selected,body .select-row.selected{background:#dceef180;border-color:#90c4cf70;color:#147e97;box-shadow:none}
body.dark .picker-list button.selected,body.dark .choice.selected,body.dark .select-row.selected{background:#33505c80;border-color:#65aab550;color:#a1dfeb;box-shadow:none}
body.dark .picker-list button.selected small{color:#a9cbd5}
body .orders th,body .order-list th,body .comparison th{background:#b0c6cc0c;color:var(--muted);font-weight:500}
body.dark .orders th,body.dark .order-list th,body.dark .comparison th{background:#b0c6cc05;color:var(--muted)}
body .orders td,body .order-list td{border-color:#a3bac322}
body .intro,body li p,body .hint,body .note,body .number-panel p,body .membership-hero p{color:var(--muted)}
body.dark .intro,body.dark li p,body.dark .hint,body.dark .note,body.dark .number-panel p,body.dark .membership-hero p{color:var(--muted)}
body .number-panel strong,body.dark .number-panel strong{color:var(--ink)}
body .site-footer,body.dark .site-footer{background:transparent}
body .section-heading h2,body .form-heading h2{letter-spacing:-.025em}
body .price,body .stat strong,body td{font-variant-numeric:tabular-nums}
body .site-footer a{color:#647985}body.dark .site-footer a{color:#acbdc7}
@media(prefers-reduced-transparency:reduce){body .card,body .orders,body .order-list{background:#f8f9f6}body.dark .card,body.dark .orders,body.dark .order-list{background:#29363f}}
/* Soft pill navigation and the three reference-inspired information cards. */
body .header-nav{gap:8px;padding-block:10px}
body .header-nav a{border-radius:999px;padding:10px 17px;background:#ffffff65;border:1px solid #dce6e970;transition:background .18s,border-color .18s,box-shadow .18s}
body .header-nav a:hover{background:#ffffffbd;border-color:#badbe5;box-shadow:0 3px 12px #39627a08}
body .header-nav a.current{background:#e2f4fb;border-color:#a9e1f2;color:#008eb7;box-shadow:inset 0 1px 0 #ffffffa0}
body.dark .header-nav a{background:#ffffff05;border-color:#9dbbc21b;color:#b8cbd4}
body.dark .header-nav a:hover{background:#ffffff0d;border-color:#7799a64d}
body.dark .header-nav a.current{background:#254d5d;border-color:#6db3c452;color:#9cdeef;box-shadow:inset 0 1px 0 #ffffff06}
body .order-sidebar{gap:16px}
body .sidebar-panel{padding:24px;background:linear-gradient(130deg,#fffefaad,#ffffff65);border:1px solid #ffffff70;border-radius:16px;box-shadow:0 5px 18px #314d5d06}
body .sidebar-panel h2{font-size:15px;font-weight:650;line-height:1.5}
body .sidebar-caption{font-size:12px;color:var(--muted);margin-top:5px}
body .sidebar-copy{font-size:13px;line-height:1.95;color:var(--muted);margin-top:17px}
body .sidebar-copy a{text-decoration:none;color:#008eb7}
body .sidebar-reminders{flex:1}
body .sidebar-reminders ul{list-style:none;padding:0;margin:17px 0 0}
body .sidebar-reminders li{font-size:13px;line-height:1.85;color:var(--muted);padding-left:14px;margin:0 0 13px;counter-increment:none}
body .sidebar-reminders li:last-child{margin-bottom:0}
body .sidebar-reminders li:before{content:'';width:4px;height:4px;border-radius:50%;background:#1ba7c8;top:10px;left:0}
body .sidebar-contact-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:18px 0 14px;font-size:12px;color:var(--muted)}
body .sidebar-contact-row button{font-size:12px}
body .sidebar-terms{display:inline-block;padding:7px 11px;border:1px solid #a8c5cf40;border-radius:7px;font-size:12px;color:var(--muted);text-decoration:none;background:#ffffff65}
body.dark .sidebar-panel{background:linear-gradient(130deg,#ffffff08,#ffffff03);border-color:#ffffff08;box-shadow:0 5px 18px #00000006}
body.dark .sidebar-terms{background:#ffffff05;color:#b8cbd4}
@media(max-width:700px){body .sidebar-panel{padding:21px}body .header-nav a{padding:11px 16px}body .sidebar-reminders{flex:none}}
/* Paper editorial finish: warm canvas, tactile micro-grid, softly raised surfaces. */
body{--surface:#fffdf9;--soft:#f4f3ee;--ink:#253743;--muted:#74848c;--line:#e5e3db;background-color:#f7f4ed;background-image:radial-gradient(ellipse at 65% 0%,#d7e8e975,transparent 39%),radial-gradient(ellipse at 100% 38%,#f3dfd06b,transparent 35%),radial-gradient(#a89b8214 .6px,transparent .8px);background-size:auto,auto,5px 5px;background-attachment:fixed}
body.dark{--surface:#2b3339;--soft:#263038;--ink:#e6e9e7;--muted:#adbbbf;--line:#3d4548;background-color:#222a30;background-image:radial-gradient(ellipse at 65% 0%,#36575940,transparent 39%),radial-gradient(ellipse at 100% 38%,#6d53421a,transparent 35%),radial-gradient(#c1c5bc09 .6px,transparent .8px);background-size:auto,auto,5px 5px}
body .card,body .order-card,body .notice,body .market-notice,body .side-notice,body .contact,body .orders,body .order-list,body .comparison,body .number-panel,body .membership-hero,body .sidebar-panel{background:#fffdf9ed;border:1px solid #e9e5dcaa;border-radius:14px;box-shadow:0 2px 3px #51433105,0 12px 28px -16px #51433130,inset 0 1px 0 #fff}
body.dark .card,body.dark .order-card,body.dark .notice,body.dark .market-notice,body.dark .side-notice,body.dark .contact,body.dark .orders,body.dark .order-list,body.dark .comparison,body.dark .number-panel,body.dark .membership-hero,body.dark .sidebar-panel{background:#2a3339eb;border-color:#a6afad13;box-shadow:0 2px 3px #00000008,0 12px 28px -16px #00000055,inset 0 1px 0 #ffffff04}
body .header-nav a{background:#ffffffdb;border-color:#e2e8eac7;box-shadow:0 2px 4px #3d4e5803,inset 0 1px 0 #fff;padding:9px 15px}
body .header-nav a.current{background:#e5f6fc;border-color:#b5e6f4;box-shadow:inset 0 1px 0 #ffffffd0,0 2px 7px #258dab06}
body.dark .header-nav a{background:#2d383fe6;border-color:#91a8b019;box-shadow:inset 0 1px 0 #ffffff04}
body.dark .header-nav a.current{background:#294c5c;border-color:#75b9cc40;color:#a2e1ed}
body:not(.dark) input,body:not(.dark) select,body:not(.dark) textarea{background:#fff;border-color:#dce6eb;box-shadow:inset 0 1px 2px #18344902}
body:not(.dark) .description,body:not(.dark) .soft-box{background:#f4f8fa;border-color:#e4edf1}
body .sidebar-panel{padding:23px}
body .sidebar-panel h2{font-size:15px;letter-spacing:-.02em}
body .sidebar-copy,body .sidebar-reminders li{font-size:13px;line-height:1.85}
body .sidebar-reminders li{margin-bottom:12px}
body .sidebar-caption{color:#8a9aa2}
body .sidebar-terms{background:#fff;border-color:#e1e8ec}
body.dark .sidebar-terms{background:#303c44;border-color:#61758030}
body .orders th,body .order-list th,body .comparison th{background:#f5f8f8}
body.dark .orders th,body.dark .order-list th,body.dark .comparison th{background:#273139}
body .primary,body .small-primary{background:linear-gradient(180deg,#05a3cf,#0094bf);box-shadow:inset 0 1px 0 #ffffff25,0 4px 9px #0089ad12}
body.dark .primary,body.dark .small-primary{background:linear-gradient(180deg,#138faa,#0e809c);box-shadow:inset 0 1px 0 #ffffff12,0 4px 9px #00000010}
body .number-panel h2,body .membership-hero h1{font-family:inherit;font-weight:600;letter-spacing:-.035em}
body .order-card{padding:28px 30px}
@media(min-width:701px) and (max-height:900px){body .sidebar-panel{padding:20px}body .order-card{padding:23px 27px}}
@media(max-width:700px){body .order-card{padding:22px 18px}body .sidebar-panel{padding:21px}}