/* Shared working-page treatment for the approved sunrise design. */
:root{--bg:#03040a;--surface:rgba(17,15,17,.91);--line:rgba(255,210,139,.18);--text:#f5eddf;--muted:#b6a994;--accent:#ffda99;--radius:12px}
body.gold-site{background:radial-gradient(ellipse at 85% 10%,#8a500e15,transparent 50%),#03040a;color:var(--text);font-family:"Helvetica Neue","Microsoft YaHei",Arial,sans-serif;line-height:1.6}.gold-site #gold-dust{opacity:.55}.site-header{background:#09090de0;border-bottom-color:var(--line)}.site-bar{max-width:1200px;padding:25px 28px}.site-brand{gap:13px}.site-brand span{font-size:12px;font-weight:500;letter-spacing:2px}.site-brand .brand-sun{width:22px;height:22px}.site-brand small{font-size:9px;color:var(--muted);letter-spacing:3px;margin-top:5px}.site-language,.site-page select{background:#0c0a0e;border-color:#d9af6a40;color:var(--accent)}.site-nav{gap:10px}.site-nav a{font-size:12px;border-radius:0;padding:8px 5px;border-bottom:1px solid transparent}.site-nav a:hover,.site-nav a[aria-current]{background:transparent;color:var(--accent);border-bottom-color:#ffda9966}.site-page>.container{padding-top:42px;padding-bottom:24px;max-width:1144px}.site-page .header{padding-bottom:25px;position:relative}.site-page h1,.site-page .header h1{font-weight:400;color:var(--text);letter-spacing:2px;font-size:26px;text-shadow:0 0 30px #ffc86418}.site-page .header h1:before{content:'SUN IS COMING';display:block;color:#c4a572;font-size:9px;letter-spacing:4px;margin-bottom:14px}.site-page .header .btn-base,.site-page .header .back-btn{border:1px solid var(--line);font-size:12px;color:var(--accent);background:#f9ce7f08;padding:9px 16px;white-space:nowrap}.site-page .main-panel,.site-page .timer-section,.site-page .input-section,.site-page .glass-card,.site-page .table-wrapper,.site-page .glass-panel,.record-toolbar{background:linear-gradient(130deg,#b2863810,#0c0b10f5 70%);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 40px #0002;backdrop-filter:none}.site-page input,.site-page textarea{background:#08070bdb;border-color:#c49c5747;color:var(--text);font-family:inherit;letter-spacing:.5px}.site-page input::placeholder{color:#8a7d6d}.site-page label{color:#cabda8}.site-page button,.site-page .btn-base,.site-page .back-btn,.site-page .custom-select-btn{border-color:#dfb57450;background:#eebc6309;color:#f0d4a4;box-shadow:none;font-weight:400;letter-spacing:.5px}.site-page button:hover:not(:disabled),.site-page .btn-base:hover,.site-page .custom-select-btn:hover{border-color:#f2cd87aa;background:#eebc6318;color:#ffe6b5;box-shadow:0 0 22px #ffbc4210}.site-page .btn-success{color:#d5e2a6;border-color:#bcce884a}.site-page .btn-close{color:#bfb09a}.site-page #btn-save,.site-page #btn-start,.site-page .btn-primary{border-color:#e4bb727a;color:var(--accent);background:#d39e3d12}.site-page .quick-btn.active,.site-page .font-btn.active{background:#bc8d2a24;color:var(--accent);border-color:#edc28180}.site-page th{background:#17120f;color:var(--accent)}.site-page td{color:var(--text)}.site-page th,.site-page td{border-color:#efc16a1a;font-weight:400}.site-page tbody tr:hover{background:#dbab4e08}.site-page #time-display{color:#ffe5b2;text-shadow:0 0 25px #ffbc4140}.site-page .unit-sec,.site-page .unit{color:#b5a38a}.site-page .highlight-flow{color:var(--accent)}.site-page .timer-hint{color:#b6a78e;font-size:12px;line-height:1.8}.record-toolbar{font-size:12px;color:#d0bda0}.record-toolbar button{background:#d8a74d0a;border-color:#d5ae6252;color:#f1d09b}.site-page>.view{max-width:800px;padding-top:38px;padding-bottom:32px}.site-page>.view h1{margin-top:0}.site-page .welcome-text{color:var(--accent)}.site-page .custom-dropdown-content{background:#100e13;border-color:var(--line)}.site-page .dropdown-item:hover{background:#eebc6315}.site-page .content{position:relative;z-index:2}.site-footer{position:relative;z-index:2;max-width:1088px;padding:27px 0 32px;margin-top:30px;align-items:center;border-color:var(--line)}.site-footer .footer-signature{font-size:15px;color:var(--accent);font-weight:300;letter-spacing:3px}.site-footer .footer-signature span{color:var(--muted);font-size:9px;letter-spacing:3px;margin-top:8px;display:block}.site-footer>a:last-child{font-size:10px;color:#a7957b}.toolbox .site-footer{max-width:1144px}.toolbox .section-heading{align-items:end}.toolbox .section-heading .eyebrow{font-size:9px;color:#c1a478;letter-spacing:3px}.toolbox .section-heading h2{font-size:23px;font-weight:400;letter-spacing:2px;margin:13px 0 0}.toolbox .tool-card p{font-size:12px;line-height:1.9;color:#b2a798;font-weight:300}.toolbox .tool-card h3{font-weight:400;font-size:22px;margin:24px 0 12px}.toolbox .tool-card{padding:25px 27px 20px;min-height:264px}.toolbox .tool-main{padding-top:0}.toolbox .tool-hero{min-height:420px}.toolbox .tool-grid{gap:18px}.toolbox .site-nav{font-size:12px}.gold-site #language-hint{position:relative;z-index:2}.gold-site .text-green{color:#d9dda8}
@media(max-width:1000px){.site-bar{flex-wrap:wrap}.site-nav{order:3;flex-basis:100%;justify-content:flex-start}.site-footer,.toolbox .site-footer{margin-left:28px;margin-right:28px}.toolbox .tool-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.site-bar{padding:20px 20px 14px;gap:16px}.site-brand span{font-size:10px;letter-spacing:1.5px}.site-brand small{font-size:8px}.site-nav{gap:9px;justify-content:space-between}.site-nav a{font-size:10px;padding:7px 0}.site-language{max-width:90px;font-size:10px!important}.site-page>.container{padding:28px 18px}.site-page h1,.site-page .header h1{font-size:22px;letter-spacing:1px}.site-page .header{gap:15px;padding-bottom:20px}.site-page .header h1:before{font-size:8px;letter-spacing:3px}.site-page>.view{padding:28px 18px}.site-page #time-display{font-size:36px;letter-spacing:2px}.site-page .timer-controls{gap:10px}.site-page .timer-controls button{padding-left:16px;padding-right:16px}.site-footer,.toolbox .site-footer{margin:16px 20px 0;align-items:start;gap:24px}.toolbox .tool-grid{grid-template-columns:1fr}.toolbox .tool-card{min-height:237px;padding:22px 24px 18px}.toolbox .tool-card h3{margin-top:19px}.toolbox .tool-main{padding:0 20px}.toolbox .tool-hero{min-height:415px}.toolbox .section-heading h2{font-size:21px}.site-page .input-section{padding:20px}.site-page .header-left{min-width:0}.site-page #flow-result{overflow-wrap:anywhere}.record-toolbar{padding:16px}.record-toolbar button{font-size:11px}.record-toolbar>div{gap:7px}}