:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;color:#2d2025;background:#f8f4f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#2d2025;--muted:#84737a;--blue:#b43a55;--line:#eadfe0;--surface:#fff;--soft:#f8e9ec;--amber:#cf8933;--chart-grid:#efe3e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid #8ab7f5;outline-offset:3px}h1,h2,h3,p{margin-top:0}.site-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.main-content{flex:1;padding-top:42px;padding-bottom:90px}.site-header{height:80px;background:#ffffffe6;border-bottom:1px solid #edf0f4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:750;letter-spacing:-.055em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#3174d6;color:#fff;font-size:19px;letter-spacing:-.08em;padding-right:2px}.nav-links{display:flex;align-items:center;gap:31px;font-size:14px;font-weight:580;color:#536274}.nav-links>a:hover,.nav-links>a.active{color:var(--blue)}.nav-links .nav-signup{background:var(--ink);color:#fff;border-radius:11px;padding:11px 16px}.nav-links .nav-signup:hover{color:#fff;background:#314c67}.nav-signup span{margin-left:8px}.avatar-link{width:34px;height:34px;border-radius:50%;background:#eaf1fc;color:var(--blue)!important;display:grid;place-items:center;font-weight:700}.site-footer{border-top:1px solid var(--line);background:#fff;color:#8a96a5;font-size:12px}.footer-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.loading-state{min-height:60vh;padding:90px 0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-size:11px;font-weight:750}.eyebrow-dot,.live-dot,.mini-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#80a7da;margin-right:7px;vertical-align:middle}.button{border:1px solid transparent;border-radius:12px;min-height:45px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-weight:700;font-size:13px;transition:transform .15s,background .15s,border .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--blue);color:#fff}.button.primary:hover:not(:disabled){background:#2466c6}.button.secondary{background:#fff;border-color:#dfe6ee;color:var(--ink)}.button.secondary:hover:not(:disabled){background:#f5f8fc}.button.dark{background:#20384f;color:#fff}.button.dark:hover:not(:disabled){background:#152b40}.button.danger{background:#fff2f1;border-color:#ffd8d5;color:#b54b48}.button.full{width:100%}.text-link{color:var(--blue);font-size:13px;font-weight:700}.text-link span{margin-left:6px}.muted{color:var(--muted);line-height:1.65}.alert{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;border-radius:12px;font-size:13px;margin-bottom:18px}.alert button{border:0;background:transparent;font-size:20px;line-height:1;color:inherit}.alert.error{background:#fff0ef;color:#9d4544;border:1px solid #f7d9d7}.alert.notice{background:#eef7f1;color:#326c51;border:1px solid #d8ebdf}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;min-height:540px;padding:40px 0 70px}.hero-copy h1,.auth-intro h1{font-size:clamp(42px,5vw,67px);line-height:1.17;letter-spacing:-.075em;font-weight:760;margin:25px 0 22px}.hero-copy h1 em,.auth-intro h1 em{font-style:normal;color:var(--blue)}.hero-copy p{max-width:495px;font-size:15px;line-height:1.9;color:#6e7d8e}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:34px}.hero-actions .button{min-width:145px}.trust-line{margin-top:35px;font-size:12px;color:#8896a6}.trust-line span{font-size:18px;color:#89a8cf;vertical-align:-2px;margin-right:3px}.hero-preview{min-height:405px;background:#fff;border:1px solid #e7edf5;border-radius:28px;box-shadow:0 25px 65px #25466f14;padding:27px 29px;transform:rotate(1.3deg)}.preview-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}.preview-date{color:var(--muted);font-weight:500}.preview-bottom{border-top:1px solid #edf1f5;padding-top:21px;display:flex;align-items:center;gap:14px}.preview-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf2ff;color:var(--blue);font-size:20px}.preview-bottom div{display:flex;flex-direction:column;gap:5px}.preview-bottom strong{font-size:13px}.preview-bottom small{font-size:11px;color:#8d99a8}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:35px 0 85px;border-top:1px solid var(--line)}.feature-row>div{padding:10px 6px}.feature-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e8f0fc;color:var(--blue);font-size:21px;margin-bottom:20px}.feature-row strong{font-size:15px}.feature-row p{font-size:12px;line-height:1.75;color:#8b98a8;margin:8px 0 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 32px}.page-heading h1{font-size:37px;letter-spacing:-.065em;line-height:1.2;margin:9px 0 7px}.page-heading p{color:#8693a2;font-size:13px;margin:0}.private-badge{background:#eaf2fd;color:#6086bd;border-radius:20px;padding:9px 13px;font-size:11px;font-weight:700}.dashboard-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1.95fr);gap:22px}.dashboard-left,.dashboard-right{display:flex;flex-direction:column;gap:18px;min-width:0}.recorder-panel,.calendar-panel,.daily-panel,.ranking-panel,.settings-panel,.admin-content{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px #2f4b6b09}.recorder-panel{padding:25px 27px 17px;background:linear-gradient(145deg,#f2f7fd,#e9f1fa);border-color:#dce8f6}.panel-kicker{display:flex;align-items:center;justify-content:space-between;color:#68829e;font-size:12px;font-weight:700}.live-dot{width:8px;height:8px;background:#b9c8d7;margin:0}.live-dot.recording{background:#33a887;box-shadow:0 0 0 5px #d7f1e9}.recorder-panel h2{font-size:25px;letter-spacing:-.055em;margin:43px 0 10px}.recorder-panel p{font-size:12px;color:#7890a8;line-height:1.7;margin-bottom:29px}.recorder-panel .button{height:48px;justify-content:space-between;padding:0 18px}.recorder-footer{border-top:1px solid #dbe7f4;margin-top:23px;padding-top:14px;text-align:center;color:#8ca0b4;font-size:10px}.recorder-footer span{font-size:15px;vertical-align:-2px}.recording-label{font-size:14px;font-weight:700;color:#3b8b77;margin:32px 0 8px}.timer{font-size:42px;letter-spacing:-.05em;font-weight:680;font-variant-numeric:tabular-nums}.manual-trigger{display:flex;align-items:center;gap:15px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 19px;box-shadow:0 8px 24px #2f4b6b06}.manual-trigger:hover{border-color:#b8cce4}.manual-plus{width:34px;height:34px;border-radius:10px;background:#eef4fa;color:#6090c0;font-size:22px;display:grid;place-items:center}.manual-trigger strong,.manual-trigger small{display:block}.manual-trigger strong{font-size:13px}.manual-trigger small{font-size:11px;color:#98a3af;margin-top:3px}.manual-arrow{margin-left:auto;color:#9cb0c4;font-size:20px}.calendar-panel{padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{font-size:18px;letter-spacing:-.045em;margin:5px 0 0}.month-actions{display:flex;gap:7px}.month-actions button,.icon-button{border:1px solid #e5ebf2;background:#fff;color:#71869c;border-radius:9px;width:30px;height:30px;display:grid;place-items:center}.month-actions button{font-size:21px}.month-actions button:hover,.icon-button:hover{background:#f0f5fb}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays{margin-top:27px;color:#a4adba;font-size:10px;text-align:center}.calendar-grid{margin-top:11px;row-gap:4px}.calendar-cell-wrap{display:grid;place-items:center;min-height:35px}.calendar-day{width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#516276;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.calendar-day:hover{background:#f0f5fb}.calendar-day.today{font-weight:800;color:var(--blue)}.calendar-day.selected{background:var(--blue);color:#fff}.calendar-day i{width:3px;height:3px;border-radius:50%;background:#80a9da}.calendar-day.selected i{background:#fff}.calendar-note{text-align:center;border-top:1px solid #f0f3f6;padding-top:15px;margin-top:16px;color:#9ca7b4;font-size:10px}.mini-dot{width:4px;height:4px}.daily-panel{padding:23px 24px}.daily-total{color:#8b99a9;font-size:11px;white-space:nowrap}.daily-row{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #f0f3f6}.daily-row:last-child{border:0}.daily-line{width:3px;height:32px;border-radius:3px;background:#8cb5e8}.daily-info{display:flex;flex-direction:column;gap:5px;flex:1}.daily-info strong{font-size:12px;font-variant-numeric:tabular-nums}.daily-info small{font-size:10px;color:#91a0af}.daily-row .icon-button{width:26px;height:26px;font-size:16px;border:0}.empty{padding:60px 20px;text-align:center;color:#9aa7b6;font-size:13px}.empty.compact{padding:32px 0 10px;font-size:11px}.ranking-panel{padding:29px 33px}.ranking-heading{display:flex;align-items:start;justify-content:space-between;padding-bottom:25px}.ranking-heading h2{font-size:24px;letter-spacing:-.055em;margin:8px 0 6px}.ranking-heading p{font-size:12px;color:#9aa6b4;margin:0}.ranking-symbol{font-size:30px;color:#b4c9e5}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:17px}.tabs button{background:none;border:0;color:#9aa7b5;font-size:12px;font-weight:700;padding:12px 16px 14px;position:relative}.tabs button.active{color:var(--blue)}.tabs button.active:after{content:"";height:2px;position:absolute;left:13px;right:13px;bottom:-1px;background:var(--blue);border-radius:2px}.ranking-table-head{display:grid;grid-template-columns:42px 1fr 90px 90px;gap:0;padding:12px 0;color:#a1adba;font-size:10px;font-weight:700}.ranking-table-head span:nth-child(2){padding-left:48px}.ranking-table-head span:nth-child(n+3){text-align:right}.ranking-row{display:grid;grid-template-columns:42px 46px minmax(0,1fr) 90px 90px;align-items:center;min-height:64px;border-top:1px solid #f0f2f5;font-size:12px}.rank{color:#a0acba;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.ranking-row:first-of-type .rank{color:#c49442}.rank-avatar{width:30px;height:30px;border-radius:10px;background:#edf4fc;color:#5c8bc0;display:grid;place-items:center;font-size:11px;font-weight:750}.ranking-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.rank-count,.rank-duration{text-align:right;color:#78899b;font-variant-numeric:tabular-nums}.rank-duration{font-weight:700;color:#4b647e}.ranking-footer{border-top:1px solid #f0f2f5;text-align:center;color:#a7b1be;font-size:10px;padding-top:19px;margin-top:6px}.ranking-footer span{margin:0 5px}.today-strip{display:flex;align-items:center;justify-content:space-between;background:#f0f5fb;border:1px solid #e1ebf6;border-radius:16px;padding:20px 25px}.today-strip div{display:flex;flex-direction:column;gap:5px}.today-strip span{font-size:11px;color:#7e94aa}.today-strip strong{font-size:18px;letter-spacing:-.03em}.today-strip i{font-style:normal;color:#b1c1d1;margin:0 5px}.today-strip .strip-mark{font-size:42px;color:#b9cfe8}.public-ranking{max-width:850px;margin:0 auto}.auth-layout{display:grid;grid-template-columns:1fr 440px;gap:8%;align-items:center;min-height:650px}.auth-intro{padding:50px 0}.auth-intro h1{font-size:clamp(40px,4.3vw,58px)}.auth-intro p{color:#8190a1;line-height:1.8;font-size:14px}.auth-decoration{display:flex;gap:12px;margin-top:70px;color:#d2e0f2;font-size:37px}.auth-panel{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 55px #2d48640f;padding:35px}.auth-panel h2{font-size:25px;letter-spacing:-.055em;margin-bottom:5px}.auth-panel .muted{font-size:12px;margin-bottom:27px}.auth-panel form,.modal form{display:flex;flex-direction:column;gap:18px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#56677a}label small{font-weight:400;color:#a1adba}input,select{border:1px solid #dfe5ed;background:#fff;border-radius:10px;min-height:43px;padding:10px 12px;color:var(--ink);width:100%;outline:none}input:focus,select:focus{border-color:#72a3e7;box-shadow:0 0 0 3px #eaf3ff}input::placeholder{color:#b7c0cb}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-aside{text-align:right;margin-top:-5px}.form-aside a,.form-footer a{color:var(--blue);font-weight:700}.form-aside a{font-size:11px}.form-footer{text-align:center;color:#9aa6b4;font-size:11px;margin:25px 0 0}.code-row{display:flex;gap:8px;margin-top:-10px}.code-row .button{white-space:nowrap;padding:0 12px;font-size:11px}.field-note{font-size:10px;color:#a0adba;line-height:1.55;margin:-10px 0 0}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-panel{padding:28px}.settings-panel h2{font-size:18px;letter-spacing:-.04em;margin-bottom:20px}.settings-panel form{margin-top:22px;display:flex;flex-direction:column;align-items:start;gap:18px}.settings-panel form label{width:100%}.info-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.info-row span{color:#92a0af}.info-row strong{font-weight:600}.settings-panel .muted{font-size:12px}.danger-form{border-top:1px solid var(--line);padding-top:22px}.admin-layout{display:grid;grid-template-columns:190px 1fr;gap:22px}.admin-nav{display:flex;flex-direction:column;align-items:stretch;gap:5px}.admin-nav button{border:0;background:transparent;color:#738496;text-align:left;padding:13px 16px;border-radius:10px;font-size:13px;font-weight:650}.admin-nav button.active{background:#e9f1fb;color:var(--blue)}.admin-content{min-height:450px;padding:28px}.admin-content h2{font-size:20px;letter-spacing:-.04em;margin-bottom:23px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.metric-grid div{background:#f5f8fc;border:1px solid #edf1f5;border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:12px}.metric-grid span{font-size:11px;color:#91a0af}.metric-grid strong{font-size:29px}.admin-table{border-top:1px solid var(--line)}.admin-row{display:flex;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.admin-row strong{min-width:150px}.admin-row span{color:#8392a2;flex:1;overflow-wrap:anywhere}.admin-row small{color:#a3afbb}.domain-form{display:flex;gap:10px;max-width:500px;margin-bottom:22px}.domain-form .button{white-space:nowrap}.row-actions{display:flex;gap:12px}.row-actions button{border:0;background:none;color:var(--blue);font-size:11px}.status-enabled{color:#3c9c76!important}.status-disabled{color:#b3a49d!important}.admin-settings-form{max-width:680px}.setting-group{border-top:1px solid var(--line);padding:22px 0}.setting-group h3{font-size:14px;margin-bottom:18px}.setting-group>label{max-width:340px}.setting-group .field-note{margin:8px 0 0}.admin-settings-form>.button{margin-top:8px}.modal-backdrop{position:fixed;inset:0;background:#14263966;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:60;display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(430px,100%);background:#fff;border-radius:22px;padding:32px;box-shadow:0 28px 80px #14263938}.modal h2{font-size:23px;letter-spacing:-.05em;margin:10px 0 9px}.modal .muted,.modal p{font-size:12px;color:#8896a6;line-height:1.7}.modal form{margin-top:23px}.modal-close{position:absolute;right:19px;top:17px;border:0;background:transparent;color:#a0aeba;font-size:24px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}@media(max-width:1020px){.hero{gap:30px}.auth-layout{gap:30px;grid-template-columns:1fr 420px}}@media(max-width:760px){.container{width:min(100% - 32px,560px)}.site-header{height:68px}.nav-links{gap:15px;font-size:12px}.nav-links .nav-signup{padding:9px 10px}.main-content{padding-top:25px;padding-bottom:60px}.hero{grid-template-columns:1fr;padding:35px 0 50px;gap:30px}.hero-copy h1{font-size:43px}.hero-preview{min-height:360px;transform:none}.feature-row{gap:10px;padding-bottom:55px}.feature-row>div{padding:0}.feature-row p{font-size:11px}.auth-layout{grid-template-columns:1fr;gap:0}.auth-intro{padding:20px 0}.auth-intro h1{font-size:39px;margin:14px 0}.auth-decoration{display:none}.auth-panel{margin-bottom:35px}.dashboard-left,.dashboard-right{display:flex}.page-heading{margin:19px 0 25px}.page-heading h1{font-size:31px}.dashboard-grid{display:flex;flex-direction:column}.ranking-panel{padding:24px}.settings-layout,.admin-layout{grid-template-columns:1fr}.admin-nav{flex-direction:row;overflow:auto}.admin-nav button{white-space:nowrap}.admin-content{min-height:400px}.metric-grid{gap:8px}.metric-grid div{padding:15px}.footer-inner{height:65px}}@media(max-width:480px){.brand{font-size:18px}.brand-mark{width:31px;height:31px}.nav-links{gap:13px}.nav-links>a:first-child{display:none}.hero-copy h1{font-size:39px}.hero-actions{gap:20px}.hero-preview{padding:23px;min-height:340px}.feature-row{grid-template-columns:1fr;gap:7px;padding:30px 0 47px}.feature-row>div{display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center}.feature-icon{grid-row:1/3;margin:0}.feature-row p{grid-column:2;margin:2px 0 0}.ranking-panel{padding:20px 15px}.ranking-row{grid-template-columns:28px 36px minmax(0,1fr) 49px 58px;font-size:11px}.ranking-table-head{grid-template-columns:28px 1fr 49px 58px}.ranking-table-head span:nth-child(2){padding-left:36px}.rank-avatar{width:27px;height:27px}.rank-count,.rank-duration,.ranking-row strong,.rank{font-size:10px}.page-heading h1{font-size:27px}.private-badge{display:none}.auth-panel{padding:25px 20px}.form-grid{grid-template-columns:1fr}.admin-row{flex-wrap:wrap;gap:8px}.admin-row strong{min-width:100px}.admin-row span{flex-basis:40%}.metric-grid strong{font-size:23px}.modal{padding:26px}.footer-inner span:last-child{display:none}}.admin-content{min-height:330px}.home-main{display:flex;flex-direction:column;justify-content:center;padding-top:12px;padding-bottom:12px}.home-main .hero{min-height:0;gap:48px;padding:18px 0 24px}.home-main .hero-copy h1{font-size:clamp(40px,4.4vw,58px);margin:16px 0 14px}.home-main .hero-copy p{line-height:1.7}.home-main .hero-actions,.home-main .trust-line{margin-top:24px}.home-main .hero-preview{min-height:0;padding:22px 25px;transform:none}.home-main .preview-bottom{padding-top:15px}.home-main .feature-row{gap:18px;padding:18px 0 12px}.home-main .feature-row>div{padding:3px 4px}.home-main .feature-icon{margin-bottom:8px}.home-shell .footer-inner{height:58px}@media(max-width:760px){.home-main{padding-top:8px;padding-bottom:8px}.home-main .hero{gap:16px;padding:8px 0 12px}.home-main .hero-copy h1{font-size:clamp(31px,8.8vw,38px);line-height:1.16;margin:12px 0 10px}.home-main .hero-copy p{font-size:13px;line-height:1.6}.home-main .hero-actions{gap:18px;margin-top:16px}.home-main .trust-line{margin-top:15px}.home-main .hero-preview{padding:18px}.home-main .preview-bottom{padding-top:11px}.home-main .feature-row{display:flex;justify-content:space-between;gap:8px;padding:11px 0 0}.home-main .feature-row>div{display:flex;align-items:center;gap:5px;padding:0}.home-main .feature-icon{width:24px;height:24px;border-radius:7px;font-size:14px;margin:0}.home-main .feature-row strong{font-size:11px;white-space:nowrap}.home-main .feature-row p{display:none}.home-shell .footer-inner{height:50px}}@media(max-width:760px)and (max-height:720px){.home-main .hero{gap:10px;padding:4px 0}.home-main .hero-copy h1{font-size:32px;margin:8px 0}.home-main .hero-copy p{font-size:12px;line-height:1.5}.home-main .hero-actions{margin-top:10px}.home-main .trust-line{margin-top:8px}.home-main .hero-preview{padding:12px 16px}.home-main .preview-bottom{padding-top:8px}.home-main .feature-row{display:none}}@media(max-width:760px)and (max-height:600px){.home-main{padding-top:6px;padding-bottom:6px}.home-main .trust-line{display:none}}.dashboard-grid{grid-template-columns:minmax(280px,.82fr) minmax(0,2fr);gap:18px;align-items:start}.dashboard-right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}@media(max-width:1020px){.dashboard-grid{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr)}.dashboard-left,.dashboard-right{display:flex;flex-direction:column;align-items:stretch;gap:18px}}@media(max-width:760px){.dashboard-grid{display:flex}.dashboard-left,.dashboard-right{width:100%}}.brand-mark{width:38px;height:38px;display:block;object-fit:contain;border-radius:12px;background:transparent;padding:0}.account-menu{position:relative}.account-menu .avatar-link{border:0;padding:0}.account-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:158px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px #1c314d24;display:grid;z-index:30}.account-dropdown a,.account-dropdown button{display:block;width:100%;border:0;background:none;text-align:left;padding:11px 12px;border-radius:9px;color:#40556d;font-size:12px;font-weight:650}.account-dropdown a:hover,.account-dropdown button:hover{background:#f0f5fb;color:var(--blue)}.admin-subheading{font-size:15px;margin:32px 0 16px;letter-spacing:-.03em}.period-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.period-card{border:1px solid #e6edf5;background:#fafcff;border-radius:14px;padding:19px 17px}.period-card>span{color:#7890a8;font-size:12px}.period-card strong{display:block;font-size:29px;letter-spacing:-.05em;margin:14px 0 5px}.period-card strong small{font-size:11px;font-weight:600;color:#8397ab;letter-spacing:0}.period-card p,.admin-hint{font-size:11px;color:#96a5b4;margin:0}.admin-hint{margin-top:15px;line-height:1.6}.admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.admin-section-head h2{margin:0 0 6px}.admin-section-head p{font-size:11px;color:#91a0af;margin:0}.admin-list-row{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:17px 0}.admin-list-main{display:flex;flex-direction:column;min-width:0;gap:6px}.admin-list-main strong{font-size:13px}.admin-list-main strong small{font-size:10px;font-weight:500;color:#a3afbc}.admin-list-main span,.admin-list-main>small{color:#8595a6;font-size:11px;overflow-wrap:anywhere}.admin-list-row .row-actions{flex-shrink:0}.row-actions .delete-link{color:#bd6461}.admin-user-form{display:flex;flex-direction:column;gap:17px;padding:22px;border:1px solid #dbe8f5;background:#f5f9fe;border-radius:16px;margin-bottom:24px}.admin-user-form h3{font-size:15px;margin:0}.admin-user-form>.form-grid{max-width:660px}.admin-user-form>label{max-width:320px}.admin-form-actions{display:flex;gap:9px}.pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:24px;color:#8b9aad;font-size:11px}.pagination button{border:1px solid #dfe7f0;border-radius:9px;background:#fff;color:var(--blue);padding:8px 12px;font-size:11px}.pagination button:disabled{color:#b9c4d0;background:#f7f9fc}@media(max-width:760px){.period-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-section-head{align-items:flex-start}.admin-section-head .button{white-space:nowrap}}@media(max-width:480px){.brand-mark{width:34px;height:34px}.admin-content{padding:20px}.admin-list-row{align-items:flex-start}.admin-list-row .row-actions{gap:7px}.admin-user-form{padding:17px}.admin-section-head{flex-wrap:wrap}.period-card{padding:15px 13px}.period-card strong{font-size:24px}}.dashboard-detail{display:flex;flex-direction:column;gap:18px;min-width:0}.calendar-day.has-record{background:#e6f0ff;color:#185da9;font-weight:750;box-shadow:inset 0 0 0 1px #a9c9f2}.calendar-day.has-record:hover{background:#d5e7ff}.calendar-day.has-record i{width:12px;height:3px;border-radius:2px;background:#216ed2}.calendar-day.has-record.selected{background:var(--blue);color:#fff;box-shadow:none}.calendar-day.has-record.selected i{background:#fff}.calendar-note .mini-dot{width:12px;height:3px;border-radius:2px;background:#216ed2;vertical-align:middle}.admin-item-title{display:flex;align-items:center;flex-wrap:wrap;gap:7px 8px}.admin-item-title strong{overflow-wrap:anywhere}.admin-list-main .id-badge{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:4px 8px;border:1px solid #d8e5f4;border-radius:7px;background:#f2f7fd;color:#527391;font-size:10px;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums}.id-badge b{color:#254d77;font-weight:750}.ranking-table-head{grid-template-columns:42px 1fr 90px 110px}.ranking-row{grid-template-columns:42px 46px minmax(0,1fr) 90px 110px}.rank-duration{line-height:1.4}@media(max-width:480px){.ranking-table-head{grid-template-columns:28px 1fr 45px 78px}.ranking-row{grid-template-columns:28px 34px minmax(0,1fr) 45px 78px}}.admin-settings-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:2px;padding-top:21px;border-top:1px solid var(--line)}.admin-settings-actions .button{min-width:132px}.smtp-test-button{background:#eef5ff;border-color:#cfe0fa;color:#2869bd}.smtp-test-button:hover:not(:disabled){background:#e1efff;border-color:#b8d2f2;color:#205da9}.smtp-help{margin-top:14px!important}.admin-settings-actions>.field-note{flex-basis:100%;margin:1px 0 0!important}.trend-panel{margin-top:18px;padding:25px 28px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px #2f4b6b09}.trend-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.trend-heading h2{font-size:19px;letter-spacing:-.045em;margin:5px 0 6px}.trend-heading p{font-size:11px;color:#8a99aa;margin:0}.trend-heading>strong{font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#285e9e}.trend-chart{margin-top:17px}.trend-plot{display:grid;grid-template-columns:23px minmax(0,1fr);gap:8px}.trend-y-labels{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;height:170px;padding:18px 0 16px;color:#9aa8b8;font-size:10px;font-variant-numeric:tabular-nums}.trend-plot svg{display:block;width:100%;height:170px;overflow:visible}.trend-x-labels{display:flex;justify-content:space-between;margin-left:31px;padding:3px 16px 0;color:#9aa8b8;font-size:10px;font-variant-numeric:tabular-nums}.trend-empty{padding:42px 12px 20px;text-align:center;color:#91a0af;font-size:12px}@media(max-width:480px){.trend-panel{padding:21px 18px}.trend-heading{align-items:flex-start}.trend-heading h2{font-size:17px}.trend-heading>strong{font-size:14px}.trend-plot svg,.trend-y-labels{height:145px}.trend-y-labels{padding:15px 0 13px}.trend-x-labels{padding-inline:9px}}.admin-trend-panel{margin-top:28px;padding-top:27px;border-top:1px solid var(--line)}.admin-trend-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.admin-trend-heading h3{font-size:15px;letter-spacing:-.03em;margin:0 0 7px}.admin-trend-heading p{font-size:11px;color:#91a0af;margin:0}.admin-trend-legend{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap;color:#687b8f;font-size:11px;font-variant-numeric:tabular-nums}.admin-trend-legend span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.admin-trend-legend i{width:8px;height:8px;border-radius:50%}.admin-trend-legend .record-dot{background:#3174d6}.admin-trend-chart{margin-top:18px}.admin-trend-plot{display:grid;grid-template-columns:27px minmax(0,1fr) 27px;gap:8px;align-items:start}.admin-trend-y-labels{display:flex;flex-direction:column;justify-content:space-between;height:170px;padding:18px 0 16px;color:#9aa8b8;font-size:10px;font-variant-numeric:tabular-nums}.admin-trend-y-labels.record-scale{align-items:flex-end;color:#6f91bd}.admin-trend-y-labels.user-scale{align-items:flex-start;color:#6e9e8b}.admin-trend-plot svg{display:block;width:100%;height:170px;overflow:visible}.admin-trend-x-labels{display:flex;justify-content:space-between;margin:0 35px;padding:3px 16px 0;color:#9aa8b8;font-size:10px;font-variant-numeric:tabular-nums}.site-name-setting{padding-top:0;border-top:0}@media(max-width:600px){.admin-trend-heading{display:block}.admin-trend-legend{justify-content:flex-start;margin-top:13px}.admin-trend-plot{grid-template-columns:24px minmax(0,1fr) 24px;gap:5px}.admin-trend-plot svg,.admin-trend-y-labels{height:148px}.admin-trend-y-labels{padding:15px 0 13px}.admin-trend-x-labels{margin:0 29px;padding-inline:9px}}.toast-region{position:fixed;z-index:80;top:94px;left:50%;width:min(560px,calc(100% - 32px));transform:translate(-50%);pointer-events:none}.toast-region .alert{margin:0;pointer-events:auto;box-shadow:0 16px 42px #1f334b24;animation:toast-in .2s ease-out both}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chart-svg-wrap{position:relative;min-width:0}.chart-svg-wrap svg{touch-action:pan-y}.chart-hit-area{fill:transparent;cursor:crosshair}.chart-guide{stroke:#8ea3ba;stroke-width:1;stroke-dasharray:4 4;pointer-events:none}.chart-active-point{stroke:#fff;stroke-width:2;pointer-events:none}.chart-active-point.record-point{fill:#3174d6}.chart-active-point.user-point{fill:#3b9b78}.chart-tooltip{position:absolute;z-index:3;top:7px;transform:translate(-50%);min-width:120px;padding:9px 11px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#1c2c3df0;box-shadow:0 10px 28px #192a3c33;color:#fff;pointer-events:none;display:flex;flex-direction:column;gap:3px;font-size:10px;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chart-tooltip strong{font-size:11px}.chart-tooltip span{color:#d9e3ed}.admin-chart-tooltip{min-width:146px}@media(max-width:760px){.toast-region{top:80px}.chart-tooltip{top:5px}}@media(prefers-reduced-motion:reduce){.toast-region .alert{animation:none}}.nav-session-placeholder{display:block;width:180px;height:34px;border-radius:12px;background:#f2f5f9}@media(max-width:760px){.nav-session-placeholder{width:148px}}::selection{background:#f1c8d1;color:var(--ink)}:focus-visible{outline-color:#d98ca0}.site-header{background:#fffcfae6;border-bottom-color:#eee4e3}.site-footer{background:#fffdfc;color:#8d7d82}.nav-links{color:#66565c}.nav-links .nav-signup{background:#3b252d}.nav-links .nav-signup:hover{background:#2d1b22}.avatar-link{background:#f7e7eb;color:var(--blue)!important}.nav-session-placeholder{background:#f2e9e7}.eyebrow-dot,.mini-dot{background:#cf8999}.button.primary:hover:not(:disabled){background:#972e47}.button.secondary{border-color:#e8dddc}.button.secondary:hover:not(:disabled){background:#faf5f3}.button.dark{background:#3b252d}.button.dark:hover:not(:disabled){background:#2b1920}.alert.notice{background:#eef6f0;color:#3d6d52;border-color:#d6e9dc}.hero-copy p{color:#77666c}.trust-line{color:#8f7e83}.trust-line span{color:#c98798}.hero-preview{border-color:#eadfde;box-shadow:0 25px 65px #4e2a3417}.preview-bottom small{color:#94838a}.preview-bottom{border-top-color:#eee5e3}.preview-icon,.feature-icon{background:#f8e8eb;color:var(--blue)}.feature-row p{color:#908087}.page-heading p{color:#8c7b81}.private-badge{background:#f7e7eb;color:#9b3850}.recorder-panel,.calendar-panel,.daily-panel,.ranking-panel,.settings-panel,.admin-content,.trend-panel{border-color:var(--line);box-shadow:0 10px 30px #4e2a340b}.recorder-panel{background:linear-gradient(145deg,#fff9f7,#f8e9ec);border-color:#ecd9dd}.panel-kicker{color:#8f6671}.live-dot{background:#cbb9bd}.live-dot.recording{background:var(--blue);box-shadow:0 0 0 5px #f2dce1}.recorder-panel p{color:#8b727b}.recorder-footer{border-top-color:#eadadd;color:#9b8189}.recording-label{color:var(--blue)}.manual-trigger{box-shadow:0 8px 24px #4e2a3409}.manual-trigger:hover{border-color:#d7b6be}.manual-plus{background:#f8e9ec;color:var(--blue)}.manual-arrow{color:#b49aa1}.month-actions button,.icon-button{border-color:#e9dfe0;color:#816e75}.month-actions button:hover,.icon-button:hover,.calendar-day:hover{background:#faf1f2}.calendar-day{color:#625158}.calendar-day i{background:#c98192}.calendar-day.has-record{background:#f8e3e8;color:#923049;box-shadow:inset 0 0 0 1px #e5aab7}.calendar-day.has-record:hover{background:#f3d5dc}.calendar-day.has-record i,.calendar-note .mini-dot{background:var(--blue)}.daily-line{background:#cf8999}.ranking-symbol{color:#d6ad72}.rank-avatar{background:#f7e7eb;color:#a43d55}.ranking-row:first-of-type .rank{color:#b87322}.rank-count{color:#88747b}.rank-duration{color:#5f424c}.today-strip{background:#faf0f1;border-color:#eddcdf}.today-strip span{color:#8c727a}.today-strip .strip-mark{color:#d9a4b0}.auth-intro p{color:#87757c}.auth-decoration{color:#e5c5cc}.auth-panel{box-shadow:0 20px 55px #4e2a3413}label{color:#65535a}input,select{border-color:#e6dcdd}input:focus,select:focus{border-color:#c76a80;box-shadow:0 0 0 3px #f8e4e9}input::placeholder{color:#b8aaad}.account-dropdown{box-shadow:0 18px 45px #43262f26}.account-dropdown a,.account-dropdown button{color:#5c464e}.account-dropdown a:hover,.account-dropdown button:hover{background:#faf0f2;color:var(--blue)}.admin-nav button{color:#7f6c73}.admin-nav button.active{background:#f7e7eb;color:var(--blue)}.metric-grid div{background:#fbf7f5;border-color:#eee5e2}.period-card{border-color:#ebe0df;background:#fdf9f7}.admin-user-form{border-color:#ead8dc;background:#fcf4f5}.pagination button{border-color:#e7d9dc}.pagination button:disabled{color:#b9aaae;background:#faf6f4}.admin-list-main .id-badge{border-color:#ead3d9;background:#f9ebee;color:#8f5362}.id-badge b{color:#7f2d42}.smtp-test-button{background:#f8e8eb;border-color:#e8c4cd;color:#96364e}.smtp-test-button:hover:not(:disabled){background:#f3d9df;border-color:#dba7b4;color:#80283f}.trend-heading>strong{color:#90334a}.admin-trend-legend{color:#746168}.admin-trend-legend .record-dot{background:var(--blue)}.admin-trend-legend .user-dot{background:var(--amber)}.admin-trend-y-labels.record-scale{color:#a8596c}.admin-trend-y-labels.user-scale{color:#b37b35}.chart-guide{stroke:#aa9299}.chart-active-point.record-point{fill:var(--blue)}.chart-active-point.user-point{fill:var(--amber)}.chart-tooltip{background:#311e25f2;box-shadow:0 10px 28px #3a1f2838}.chart-tooltip span{color:#eddddf}.toast-region .alert{box-shadow:0 16px 42px #43262f26}.active-record-banner{position:fixed;z-index:79;top:94px;left:50%;width:min(560px,calc(100% - 32px));transform:translate(-50%);pointer-events:none}.active-record-banner-inner{display:flex;align-items:center;gap:12px;min-height:72px;padding:11px 14px 11px 16px;border:1px solid #6d3344;border-radius:15px;background:#472631;color:#fff;box-shadow:0 16px 42px #43262f3b;pointer-events:auto;animation:toast-in .2s ease-out both}.active-record-pulse{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#ef839b;box-shadow:0 0 0 5px #ef839b2e;animation:record-pulse 1.8s ease-in-out infinite}@keyframes record-pulse{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}.active-record-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.active-record-copy strong{font-size:11px}.active-record-duration{color:#fff;font-size:24px;font-weight:760;line-height:1.05;letter-spacing:.045em;font-variant-numeric:tabular-nums}.active-record-copy small{color:#eacbd2;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-record-actions{display:flex;align-items:center;flex:0 0 auto}.active-record-end{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid rgba(255,255,255,.82);border-radius:9px;padding:7px 12px;background:#fff;color:#572638;font-size:11px;font-weight:750;white-space:nowrap}.active-record-end:hover:not(:disabled){background:#fceef2}.active-record-end:disabled{opacity:.58;cursor:wait}.active-record-end:focus-visible{outline:2px solid #fff;outline-offset:2px}.toast-region.toast-with-live-record{top:178px}@media(max-width:760px){.active-record-banner{top:80px}.active-record-banner-inner{min-height:68px;padding:10px 11px 10px 13px}.active-record-duration{font-size:22px}.active-record-copy small{font-size:9px}.active-record-end{padding-inline:10px}.toast-region.toast-with-live-record{top:160px}}@media(prefers-reduced-motion:reduce){.active-record-banner-inner,.active-record-pulse{animation:none}}.modal-backdrop{background:#2d1c226e}.modal{box-shadow:0 28px 80px #311c233b}.preview-date,.manual-trigger small,.weekdays,.calendar-note,.daily-total,.daily-info small,.empty,.ranking-heading p,.tabs button,.ranking-table-head,.rank,.ranking-footer,.today-strip i,.auth-panel .muted,label small,.form-footer,.field-note,.info-row span,.metric-grid span,.period-card>span,.period-card strong small,.period-card p,.admin-hint,.admin-section-head p,.admin-list-main span,.admin-list-main>small,.trend-heading p,.trend-y-labels,.trend-x-labels,.trend-empty,.admin-trend-heading p,.admin-trend-x-labels{color:#94838a}.anonymous-row{align-items:flex-start}.anonymous-row>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;width:100%}.anonymous-row strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;overflow-wrap:anywhere;color:#7f4b58}.anonymous-row small{font-size:10px;font-weight:400;color:#a18f94;line-height:1.55}.ranking-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px;padding-bottom:18px;border-bottom:1px solid var(--line)}.public-ranking .tabs{display:inline-flex;flex:0 0 auto;gap:4px;margin:0;padding:4px;border:1px solid #eadadd;border-radius:14px;background:#f8eff1}.public-ranking .tabs button{min-width:80px;min-height:38px;padding:8px 17px;border:0;border-radius:10px;background:transparent;color:#8e777f;font-size:12px;font-weight:700;transition:background .16s,color .16s,box-shadow .16s,transform .16s}.public-ranking .tabs button:hover:not(:disabled){color:#7f3348;background:#ffffff94}.public-ranking .tabs button.active{color:#8f3048;background:#fff;box-shadow:0 3px 12px #532a361a}.public-ranking .tabs button.active:after{display:none}.public-ranking .tabs button:active:not(:disabled){transform:scale(.98)}.ranking-updated{display:flex;align-items:center;justify-content:flex-end;gap:6px;color:#806c73;font-size:10px;white-space:nowrap}.ranking-updated i{width:6px;height:6px;border-radius:50%;background:#bd6a7e;box-shadow:0 0 0 4px #f5e4e8}.ranking-updated small{padding-left:7px;border-left:1px solid #e5d8da;color:#a08d93;font-size:9px}@media(max-width:600px){.ranking-toolbar{align-items:stretch;flex-direction:column;gap:10px;padding-bottom:14px}.public-ranking .tabs{width:100%}.public-ranking .tabs button{flex:1;min-width:0;padding-inline:8px}.ranking-updated{justify-content:flex-start;padding-left:5px}}.admin-user-search{display:flex;align-items:center;gap:8px;margin:-3px 0 24px;padding:10px;border:1px solid #eadcde;border-radius:15px;background:#fbf6f5}.admin-search-field{position:relative;flex:1;min-width:0}.admin-search-field>span{position:absolute;z-index:1;left:15px;top:50%;width:13px;height:13px;border:1.8px solid #9c7b84;border-radius:50%;transform:translateY(-58%);pointer-events:none}.admin-search-field>span:after{content:"";position:absolute;width:6px;height:1.8px;right:-5px;bottom:-3px;border-radius:2px;background:#9c7b84;transform:rotate(45deg)}.admin-search-field input{min-height:42px;padding-left:40px;border-color:#e8dadd;background:#fff}.admin-search-field input:focus{border-color:#c8798c;box-shadow:0 0 0 3px #f6e4e8}.admin-user-search .button{min-height:42px;padding-inline:16px;white-space:nowrap}@media(max-width:520px){.admin-user-search{align-items:stretch;flex-wrap:wrap}.admin-search-field{flex-basis:100%}.admin-user-search .button{flex:1}}.demo-section-head{margin-bottom:18px}.demo-status-pill{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:8px 11px;border:1px solid #d8e7dc;border-radius:999px;background:#f0f7f2;color:#46715a;font-size:10px;font-weight:700}.demo-status-pill i{width:7px;height:7px;border-radius:50%;background:#5e9a76;box-shadow:0 0 0 4px #dcece2}.demo-status-pill.disabled{border-color:#eadcde;background:#f8f1f2;color:#927780}.demo-status-pill.disabled i{background:#aa9299;box-shadow:0 0 0 4px #eadfe1}.demo-status-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;color:#78656c}.demo-status-bar strong{font-size:12px}.demo-status-bar span{font-size:10px;color:#9a858c}.demo-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.demo-metric-grid>div{display:flex;flex-direction:column;gap:7px;min-width:0;padding:15px;border:1px solid #eadfe0;border-radius:13px;background:#fcf8f7}.demo-metric-grid span{color:#8b747c;font-size:10px}.demo-metric-grid strong{color:#493139;font-size:24px;line-height:1;font-variant-numeric:tabular-nums}.demo-metric-grid small{color:#a08d93;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-warning{margin:14px 0 0;padding:10px 12px;border:1px solid #edcfd5;border-radius:10px;background:#fbecf0;color:#8e4053;font-size:10px}.demo-activity-form{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.demo-toggle-row{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:18px;padding:15px 16px;border:1px solid #eadcde;border-radius:13px;background:#fbf6f5;cursor:pointer}.demo-toggle-row>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.demo-toggle-row>span:last-child{display:flex;flex:1;flex-direction:column;gap:4px}.demo-toggle-row strong{color:#4e363e;font-size:12px}.demo-toggle-row small{color:#927f85;font-size:10px;font-weight:400;line-height:1.45}.demo-switch{position:relative;width:42px;height:24px;flex:0 0 42px;border-radius:999px;background:#c8b9bd;transition:background .16s}.demo-switch i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #3e252d33;transition:transform .16s}.demo-toggle-row>input:checked+.demo-switch{background:var(--blue)}.demo-toggle-row>input:checked+.demo-switch i{transform:translate(18px)}.demo-toggle-row>input:focus-visible+.demo-switch{outline:3px solid #d99aaa;outline-offset:3px}.demo-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid #eadfe0;border-radius:15px}.demo-config-grid>section{min-width:0;padding:18px;background:#fff}.demo-config-grid>section:nth-child(odd){border-right:1px solid #eadfe0}.demo-config-grid>section:nth-child(-n+2){border-bottom:1px solid #eadfe0}.demo-config-grid h3{margin:0 0 5px;color:#4c343c;font-size:13px}.demo-config-grid p{min-height:31px;margin:0 0 14px;color:#968289;font-size:10px;line-height:1.5}.demo-config-grid label{font-size:10px}.demo-config-grid input{min-height:40px}.demo-config-grid>section>label{max-width:180px}.demo-policy-note{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding:12px 14px;border-radius:11px;background:#f8edef;color:#846c74;font-size:10px;line-height:1.55}.demo-policy-note strong{flex:0 0 auto;color:#783c4d}.demo-run-result{margin-top:12px;color:#7d6870;font-size:10px}.demo-form-actions{display:flex;gap:9px;margin-top:18px}.demo-form-actions .button{min-width:118px}@media(max-width:760px){.demo-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-status-bar{align-items:flex-start;flex-direction:column;gap:5px}.demo-config-grid{grid-template-columns:1fr}.demo-config-grid>section:nth-child(odd){border-right:0}.demo-config-grid>section:nth-child(-n+3){border-bottom:1px solid #eadfe0}.demo-policy-note{flex-direction:column;gap:5px}}@media(max-width:480px){.demo-section-head{align-items:flex-start}.demo-status-pill{margin-top:2px}.demo-metric-grid>div{padding:13px 11px}.demo-metric-grid strong{font-size:21px}.demo-toggle-row{align-items:flex-start}.demo-form-actions{flex-direction:column}.demo-form-actions .button{width:100%}}:root{--content-glass:linear-gradient(120deg,rgba(255,252,250,.82),rgba(255,250,248,.64));--inset-glass:linear-gradient(120deg,rgba(255,252,250,.22),rgba(255,250,248,.16))}body{position:relative;background:#f5efec}body:before,body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none}body:before{opacity:.34;background:url(/site-background.webp) center top/cover no-repeat}body:after{background:linear-gradient(105deg,#f9f5f34f,#f9f5f31f 58%,#f9f5f333)}.site-shell{position:relative;z-index:1;background:transparent}.site-header{background:#fffcfad1;border-bottom-color:#ebdedee6}.site-footer{background:var(--content-glass);color:#715e65}.recorder-panel,.calendar-panel,.daily-panel,.ranking-panel,.settings-panel,.admin-content,.trend-panel,.auth-panel,.manual-trigger,.today-strip,.admin-nav{background:var(--content-glass);border-color:#fff9;box-shadow:0 18px 50px #3c252d12}.today-strip{border-color:#fff9}.admin-nav{align-self:start;padding:10px;border:1px solid rgba(255,255,255,.6);border-radius:20px}.admin-nav button:hover:not(.active){background:#ffffff52;color:var(--blue)}.metric-grid div,.period-card,.admin-user-form,.admin-user-search,.demo-metric-grid>div,.demo-toggle-row,.demo-config-grid>section,.demo-policy-note{background:var(--inset-glass)}.account-dropdown,.modal,input,select,.button.secondary{background-color:#fffffffa}.hero-copy p,.auth-intro p,.page-heading p,.trust-line,.recorder-panel p,.recorder-footer{color:#634f56}.preview-date,.manual-trigger small,.weekdays,.calendar-note,.daily-total,.daily-info small,.empty,.ranking-heading p,.tabs button,.ranking-table-head,.rank,.ranking-footer,.today-strip i,.auth-panel .muted,label small,.form-footer,.field-note,.info-row span,.metric-grid span,.period-card>span,.period-card strong small,.period-card p,.admin-hint,.admin-section-head p,.admin-list-main span,.admin-list-main>small,.trend-heading p,.trend-y-labels,.trend-x-labels,.trend-empty,.admin-trend-heading p,.admin-trend-x-labels,.ranking-updated small,.demo-status-bar span,.demo-metric-grid span,.demo-metric-grid small,.demo-toggle-row small,.demo-config-grid p{color:#715e65}input::placeholder{color:#8c797f}.home-main .hero{gap:22px;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch;padding:16px 0 15px}.home-main .hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:26px 32px;border:1px solid rgba(255,255,255,.6);border-radius:24px;background:var(--content-glass);box-shadow:0 18px 50px #3c252d12}.home-main .hero-copy h1{margin:13px 0 12px}.home-main .hero-actions{margin-top:19px}.home-main .trust-line{margin-top:18px;color:#715e65;line-height:1.5}.home-main .hero-preview{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:355px;padding:29px 30px;border:1px solid rgba(255,255,255,.6);border-radius:24px;background:var(--content-glass);box-shadow:0 18px 50px #3c252d12}.home-main .hero-preview:before{content:"";position:absolute;top:0;left:30px;width:48px;height:3px;border-radius:0 0 3px 3px;background:var(--blue)}.preview-top{align-items:flex-start;gap:14px}.preview-overline{display:block;margin-bottom:7px;color:#a0485e;font-size:10px;font-weight:750;letter-spacing:.14em}.preview-top h2{margin:0;font-size:22px;letter-spacing:-.055em;line-height:1.2}.preview-date{padding:7px 10px;border:1px solid #eedfe1;border-radius:999px;background:#fffc;color:#715e65;font-size:11px;white-space:nowrap}.preview-visual{display:grid;flex:1;place-items:center;min-height:0;padding:10px 0 13px}.preview-orbit{width:168px;aspect-ratio:1;padding:13px;border-radius:50%;background:conic-gradient(from 215deg,#dcb3be,#f3e5e9,#bc6278,#f3e5e9,#dcb3be);box-shadow:0 12px 28px #5025311a}.preview-orbit-center{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#fffdfcfa;box-shadow:inset 0 0 0 1px #ffffffd9}.preview-orbit-center>span{color:#816c74;font-size:11px}.preview-orbit-center strong{margin:7px 0 2px;color:#3e2932;font-size:39px;font-weight:710;line-height:1;letter-spacing:-.065em;font-variant-numeric:tabular-nums}.preview-orbit-center strong small{margin-left:3px;color:#ad5b70;font-size:14px;font-weight:650;letter-spacing:0}.preview-orbit-center>small{color:#816c74;font-size:10px}.home-main .preview-bottom{display:flex;align-items:center;gap:12px;padding:13px 0 0;border-top:1px solid #efe3e4}.preview-icon{flex:0 0 37px;width:37px;height:37px;border-radius:11px;background:#f8e8ec;color:#aa3d57;font-size:22px}.preview-bottom div{min-width:0}.preview-bottom strong{font-size:12px;color:#513a43}.preview-bottom small{color:#806b73;font-size:10px;line-height:1.4}.preview-endmark{margin-left:auto;color:#b86a7d;font-size:22px}.home-main .feature-row{gap:13px;padding:0 0 10px;border:0}.home-main .feature-row>div{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:12px;min-height:104px;padding:17px 18px;border:1px solid rgba(255,255,255,.6);border-radius:17px;background:var(--content-glass);box-shadow:0 12px 32px #39222912}.home-main .feature-icon{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;margin:0;border-radius:11px;background:#f7e6ea;color:#a43b55;font-size:19px}.home-main .feature-row strong{font-size:13px;color:#3f2d34;line-height:1.4}.home-main .feature-row p{grid-column:2;margin:3px 0 0;color:#705d64;font-size:11px;line-height:1.5}@media(max-width:760px){body:before{opacity:.3;background-image:url(/site-background-mobile.webp);background-position:center top}body:after{background:linear-gradient(180deg,#f9f5f333,#f9f5f324 55%,#f9f5f33d)}.site-header{background:#fffcfad1}.home-main .hero{grid-template-columns:1fr;gap:12px;padding:7px 0 12px}.home-main .hero-copy{padding:20px 22px;border-radius:20px}.home-main .hero-copy h1{margin:10px 0 9px}.home-main .hero-actions{margin-top:13px}.home-main .trust-line{margin-top:12px}.home-main .hero-preview{min-height:0;padding:21px 22px;border-radius:20px}.home-main .hero-preview:before{left:22px}.preview-top h2{font-size:19px}.preview-visual{padding:8px 0 11px}.preview-orbit{width:128px;padding:10px}.preview-orbit-center strong{font-size:34px}.home-main .feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 0 6px}.home-main .feature-row>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:75px;padding:10px;border-radius:13px}.home-main .feature-icon{width:26px;height:26px;font-size:15px;border-radius:8px}.home-main .feature-row strong{font-size:10px;white-space:normal}.home-main .feature-row p{display:none}}@media(max-width:360px){.home-main .hero-copy{padding:16px 18px}.home-main .hero-copy h1{font-size:28px}.home-main .hero-actions{gap:10px}.home-main .hero-actions .button{min-width:0;padding-inline:12px;white-space:nowrap}.home-main .hero-actions .text-link{font-size:12px;white-space:nowrap}.home-main .hero-preview{padding-inline:18px}.home-main .hero-preview:before{left:18px}.preview-orbit{width:116px}}@media(max-width:760px)and (max-height:720px){.home-main .hero-copy,.home-main .hero-preview{padding:14px 18px}.home-main .feature-row{display:none}.preview-orbit{width:108px}.preview-visual{padding:5px 0}}@media(max-width:760px)and (max-height:600px){.home-main .trust-line{display:none}}.masturbation-trigger .manual-plus{background:#fff1dc;color:#a56921}.calendar-day.has-masturbation{background:#fff1dc;color:#8a571d;font-weight:750;box-shadow:inset 0 0 0 1px #e8c18d}.calendar-day.has-record.has-masturbation{background:#f8edf0;color:#79384b;box-shadow:inset 0 0 0 1px #d9a6b2}.calendar-day.has-masturbation.selected,.calendar-day.has-record.has-masturbation.selected{background:var(--blue);color:#fff;box-shadow:none}.calendar-marks{display:flex;align-items:center;justify-content:center;gap:3px;height:3px}.calendar-day .calendar-marks i{display:block;width:10px;height:3px;border-radius:2px;margin:0}.calendar-day .calendar-marks .erection-mark{background:var(--blue)}.calendar-day .calendar-marks .masturbation-mark{background:var(--amber)}.calendar-day.selected .calendar-marks i{background:#fff}.calendar-note .masturbation-dot{margin-left:12px;background:var(--amber)}.daily-line.masturbation-line{background:var(--amber)}.daily-panel .panel-heading{flex-wrap:wrap}.daily-total{white-space:normal;text-align:right;line-height:1.5}.today-strip strong+strong{font-size:15px;color:#985f24}.trend-legend{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;color:#795f68;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.trend-legend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.trend-legend i{width:8px;height:8px;border-radius:50%}.trend-legend .erection-legend{background:var(--blue)}.trend-legend .masturbation-legend{background:var(--amber)}.chart-active-point.masturbation-point{fill:var(--amber)}.ranking-type-tabs{display:flex;gap:8px;margin-bottom:21px}.ranking-type-tabs button{min-height:38px;padding:0 17px;border:1px solid var(--line);border-radius:10px;background:#ffffffa8;color:#715e65;font-size:12px;font-weight:700}.ranking-type-tabs button.active{border-color:var(--blue);background:#f8e9ec;color:var(--blue)}.ranking-table-head.point-ranking{grid-template-columns:42px 1fr 90px}.ranking-row.point-ranking{grid-template-columns:42px 46px minmax(0,1fr) 90px}@media(max-width:600px){.trend-heading{flex-wrap:wrap}.trend-legend{justify-content:flex-start}.daily-panel .panel-heading{align-items:flex-start}.daily-total{text-align:left}}@media(max-width:480px){.ranking-table-head.point-ranking{grid-template-columns:28px 1fr 58px}.ranking-row.point-ranking{grid-template-columns:28px 34px minmax(0,1fr) 58px}.ranking-type-tabs button{flex:1}}.home-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}.home-record-card{display:flex;flex-direction:column;min-width:0;min-height:355px;padding:22px;border:1px solid rgba(255,255,255,.72);border-radius:22px;background:var(--content-glass);box-shadow:0 18px 50px #3c252d14}.home-record-card.erection-card{border-top:4px solid var(--blue)}.home-record-card.masturbation-card{border-top:4px solid var(--amber)}.home-record-top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;font-weight:750;letter-spacing:.04em;color:#8c737b}.home-record-top span:last-child{font-size:23px;line-height:1;color:var(--blue)}.masturbation-card .home-record-top span:last-child{color:var(--amber)}.home-record-card h2{margin:35px 0 9px;font-size:28px;letter-spacing:-.06em}.home-record-card p{min-height:51px;margin:0;color:#705d64;font-size:12px;line-height:1.65}.home-record-stat{display:flex;flex-direction:column;gap:3px;margin-top:auto;padding-top:14px;border-top:1px solid #eadfe0}.home-record-stat strong{font-size:29px;line-height:1.1;font-variant-numeric:tabular-nums}.home-record-stat strong small{font-size:12px;font-weight:700}.home-record-stat>span{color:#8b727a;font-size:10px}.home-record-card>.home-card-action{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:39px;margin-top:17px;padding:0 12px;border:0;border-radius:10px;background:#462c35;color:#fff;text-align:left;font-size:11px;font-weight:750}.home-record-card>.home-card-action:hover:not(:disabled){background:#613946}.masturbation-card>.home-card-action{background:#a96723}.masturbation-card>.home-card-action:hover:not(:disabled){background:#875016}.home-record-card>.home-card-action span{font-size:17px}@media(max-width:1020px){.home-record-card{min-height:330px;padding:17px}.home-record-card h2{font-size:24px;margin-top:30px}}@media(max-width:760px){.home-record-grid{gap:8px}.home-record-card{min-height:236px;padding:14px 12px;border-radius:16px}.home-record-top{font-size:9px}.home-record-top span:last-child{font-size:18px}.home-record-card h2{margin:19px 0 6px;font-size:22px}.home-record-card p{min-height:46px;font-size:10px;line-height:1.45}.home-record-stat{padding-top:9px}.home-record-stat strong{font-size:23px}.home-record-stat>span{font-size:9px}.home-record-card>.home-card-action{min-height:34px;margin-top:11px;font-size:10px}}@media(max-width:360px){.home-record-card{padding:12px 9px}.home-record-card h2{font-size:20px}.home-record-top{font-size:8px}}.ranking-overview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:14px 19px;border:1px solid rgba(255,255,255,.7);border-radius:14px;background:var(--content-glass)}.ranking-overview-toolbar .tabs{margin:0;border:0}.ranking-overview-toolbar>span{color:#806d74;font-size:11px}.ranking-dual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.ranking-board{min-width:0;padding:22px 24px}.ranking-board-heading{display:flex;align-items:center;gap:13px;margin-bottom:12px}.ranking-board-number{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:11px;background:#f7e5e9;color:#a73d57;font-size:12px;font-weight:800}.ranking-board-masturbation .ranking-board-number{background:#fff1dc;color:#a46822}.ranking-board-heading h2{margin:0 0 3px;font-size:20px;letter-spacing:-.045em}.ranking-board-heading p{margin:0;color:#806d74;font-size:11px}.ranking-board>.ranking-updated{justify-content:flex-start;margin:0 0 13px;font-size:10px}.ranking-board .ranking-table-head{border-top:1px solid var(--line)}.ranking-expand{display:block;width:100%;min-height:36px;margin-top:10px;border:1px solid var(--line);border-radius:9px;background:#ffffff8c;color:var(--blue);font-size:11px;font-weight:700}.ranking-expand:hover{background:#f8e9ec}.ranking-board .ranking-footer{padding-top:13px}@media(max-width:900px){.ranking-dual-grid{grid-template-columns:1fr}.ranking-board{padding:21px 20px}}@media(max-width:600px){.ranking-overview-toolbar{flex-direction:column;align-items:stretch;gap:4px}.ranking-overview-toolbar .tabs{width:100%}.ranking-overview-toolbar .tabs button{flex:1}.ranking-overview-toolbar>span{text-align:center}.ranking-board{padding:20px 15px}}@media(max-width:600px){.ranking-board:not(.expanded) .ranking-row.preview-extra{display:none}.ranking-board .ranking-row{min-height:56px}}.demo-masturbation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.demo-masturbation-summary>div{display:flex;flex-direction:column;gap:7px;min-width:0;padding:15px;border:1px solid #eadfe0;border-radius:13px;background:var(--inset-glass)}.demo-masturbation-summary span{color:#806b73;font-size:10px}.demo-masturbation-summary strong{color:#8f5d22;font-size:24px;line-height:1;font-variant-numeric:tabular-nums}.demo-masturbation-summary small{color:#806b73;font-size:9px;line-height:1.4}@media(max-width:760px){.demo-masturbation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboard-grid{display:flex;flex-direction:column;gap:18px}.dashboard-left{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;width:100%}.dashboard-right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;width:100%}.dashboard-action-card{display:flex;flex-direction:column;min-width:0;min-height:245px;padding:21px 24px 16px;border:1px solid rgba(255,255,255,.7);border-top:4px solid var(--blue);border-radius:20px;background:var(--content-glass);box-shadow:0 18px 50px #3c252d12}.masturbation-panel.dashboard-action-card{border-top-color:var(--amber)}.dashboard-action-card .panel-kicker{color:#80636d;font-size:11px}.masturbation-panel .panel-kicker{color:#956b38}.point-symbol{color:var(--amber);font-size:17px;line-height:1}.dashboard-action-card h2,.recorder-panel.dashboard-action-card h2{margin:24px 0 7px;font-size:25px;line-height:1.2;letter-spacing:-.05em}.dashboard-action-card p,.recorder-panel.dashboard-action-card p{min-height:40px;margin:0 0 17px;color:#705d64;font-size:12px;line-height:1.65}.dashboard-action-card .button{justify-content:space-between;min-height:47px;margin-top:auto;padding-inline:16px}.dashboard-action-card .point-button{background:#a96825;color:#fff}.dashboard-action-card .point-button:hover:not(:disabled){background:#8d541b}.dashboard-action-card .recording-label{margin:15px 0 4px}.dashboard-action-card .timer{font-size:34px}.action-secondary{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:36px;margin-top:13px;padding:11px 0 0;border:0;border-top:1px solid #eadfe0;background:transparent;color:#935466;text-align:left;font-size:11px;font-weight:700}.action-secondary:hover:not(:disabled){color:var(--blue)}.action-note{color:#8d777e;font-weight:500;line-height:1.35;cursor:default}@media(max-width:760px){.dashboard-left,.dashboard-right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-action-card{min-height:244px;padding:15px 14px 12px;border-radius:17px}.dashboard-action-card .panel-kicker{font-size:10px}.dashboard-action-card .kicker-extra{display:none}.dashboard-action-card h2,.recorder-panel.dashboard-action-card h2{margin:25px 0 7px;font-size:20px}.dashboard-action-card p,.recorder-panel.dashboard-action-card p{min-height:48px;font-size:10px;line-height:1.5;margin-bottom:11px}.dashboard-action-card .button{min-height:42px;font-size:11px;padding-inline:11px}.action-secondary{min-height:35px;margin-top:10px;padding-top:9px;font-size:10px}.dashboard-action-card .timer{font-size:24px}.dashboard-action-card .recording-label{font-size:11px}.dashboard-right{grid-template-columns:1fr}}@media(max-width:360px){.dashboard-action-card{padding-inline:11px}.dashboard-action-card h2,.recorder-panel.dashboard-action-card h2{font-size:18px}.action-secondary{font-size:9px}}.overview-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-metric-grid>div{min-width:0;padding:19px 17px}.overview-metric-grid strong{font-variant-numeric:tabular-nums}.overview-metric-grid .overview-erection-metric{border-color:#ebced6;background:#fbf0f2}.overview-metric-grid .overview-erection-metric strong{color:var(--blue)}.overview-metric-grid .overview-masturbation-metric{border-color:#ead9bf;background:#fdf7ee}.overview-metric-grid .overview-masturbation-metric strong{color:#a96825}.overview-period-card{min-width:0}.overview-period-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:13px 0 12px}.overview-period-stats>div{min-width:0;padding:9px 8px;border-radius:9px;background:#f8eaee}.overview-period-stats>div+div{background:#f9eddb}.overview-period-stats span{display:block;color:#845e69;font-size:10px}.overview-period-stats>div+div span{color:#986b35}.overview-period-stats strong{display:block;margin:5px 0 0;color:#9e3e56;font-size:23px;line-height:1.1;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.overview-period-stats>div+div strong{color:#a96825}.overview-period-stats strong small{margin-left:3px}.admin-trend-legend .masturbation-dot{background:var(--amber)}.admin-trend-legend .user-dot{background:#3b9b78}.admin-trend-panel .admin-trend-y-labels.user-scale{color:#3b9b78}.admin-trend-panel .chart-active-point.user-point{fill:#3b9b78}.admin-trend-panel .chart-active-point.masturbation-point{fill:var(--amber)}@media(max-width:760px){.overview-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.overview-metric-grid>div{padding:15px}.overview-period-stats{grid-template-columns:1fr;gap:5px}.overview-period-stats>div{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:6px 8px}.overview-period-stats strong{margin:0;font-size:19px}}.admin-record-row{padding:15px 12px;border-left:3px solid var(--blue)}.admin-record-row.masturbation-record-row{border-left-color:var(--amber)}.admin-record-type{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:3px 9px;border:1px solid;border-radius:7px;font-size:11px;font-weight:800;line-height:1.2;white-space:nowrap}.admin-record-type.erection-type{border-color:#dfaebc;background:#f9e8ed;color:#9f3550}.admin-record-type.masturbation-type{border-color:#e6c695;background:#fff1dc;color:#966020}.demo-config-grid>section.demo-config-erection{background:#fcf6f7}.demo-config-grid>section.demo-config-masturbation{background:#fdf7ed}.demo-config-grid>section.demo-config-shared{grid-column:1/-1;border-right:0;border-top:1px solid #eadfe0;background:#faf7f6}.demo-config-grid>section:nth-child(3),.demo-config-grid>section:nth-child(4){border-bottom:1px solid #eadfe0}.demo-config-grid h3{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:27px}.demo-config-type{display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border:1px solid #dfaebc;border-radius:7px;background:#f8e7ec;color:#993e56;font-size:10px;font-weight:800;line-height:1}.demo-config-masturbation .demo-config-type{border-color:#e7c999;background:#fff0d8;color:#966020}.demo-config-shared .demo-config-type{border-color:#ddd2d4;background:#f3ebec;color:#725f66}@media(max-width:760px){.demo-config-grid>section.demo-config-shared{border-top:0}.demo-config-grid>section:nth-child(4){border-bottom:1px solid #eadfe0}}@media(max-width:480px){.admin-record-row{align-items:flex-start;gap:10px;padding:13px 9px}.admin-record-row .row-actions{align-self:flex-start}.admin-record-type{min-height:23px}}.erection-action-choices{display:grid;gap:9px;margin-top:auto}.erection-choice{display:flex;align-items:center;gap:11px;width:100%;min-height:59px;padding:9px 13px;border:1px solid transparent;border-radius:12px;text-align:left;transition:background .16s,border-color .16s,transform .16s}.erection-choice:hover:not(:disabled){transform:translateY(-1px)}.erection-choice.live-choice{background:#462c35;color:#fff}.erection-choice.live-choice:hover:not(:disabled){background:#613946}.erection-choice.manual-choice{border-color:#d8a9b5;background:#fff0f3;color:#81374d}.erection-choice.manual-choice:hover:not(:disabled){border-color:#b96d82;background:#fbe5eb}.choice-symbol{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:#ffffff24;font-size:18px;line-height:1}.manual-choice .choice-symbol{background:#f5dbe2}.choice-copy{display:flex;flex:1;flex-direction:column;min-width:0;gap:2px}.choice-copy strong{font-size:12px;line-height:1.2}.choice-copy small{color:inherit;font-size:10px;font-weight:500;line-height:1.25;opacity:.8}.choice-arrow{flex:0 0 auto;font-size:16px}.quick-record-modal{width:min(450px,100%)}.quick-record-modal .muted{margin-bottom:20px}.quick-record-choices{margin-top:0}@media(max-width:760px){.erection-choice{gap:6px;min-height:58px;padding:8px}.choice-symbol{flex-basis:23px;width:23px;height:23px;font-size:15px}.choice-copy strong{font-size:11px}.choice-copy small{font-size:9px}.choice-arrow{font-size:13px}.quick-record-modal .erection-choice{gap:11px;min-height:61px;padding:10px 12px}.quick-record-modal .choice-symbol{flex-basis:28px;width:28px;height:28px}.quick-record-modal .choice-copy strong{font-size:12px}.quick-record-modal .choice-copy small{font-size:10px}}@media(max-width:360px){.dashboard-action-card .erection-choice{padding-inline:6px}.dashboard-action-card .choice-arrow{display:none}}.admin-user-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:stretch;gap:11px;margin:-3px 0 24px}.admin-user-toolbar .admin-user-search{min-width:0;margin:0}.admin-user-sort{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid #eadcde;border-radius:15px;background:var(--inset-glass);color:#715e65;font-size:10px;white-space:nowrap}.admin-user-sort select{flex:1;min-width:0;min-height:42px;padding:8px 7px;border-color:#e8dadd;background:#fff;font-size:11px;font-weight:600}@media(max-width:1000px){.admin-user-toolbar{grid-template-columns:1fr}.admin-user-sort{width:min(100%,260px)}}