:root{color:#e7edf7;background:#0b111b;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#0b111b}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 85% 5%,rgba(41,113,190,.18),transparent 32rem),linear-gradient(180deg,#111a29 0%,#0b111b 45%,#090e16 100%)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.site-shell{display:flex;min-height:100vh;flex-direction:column}.site-header{display:flex;width:min(1200px,calc(100% - 48px));height:84px;margin:0 auto;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;color:#f5f8fc;font-size:18px;font-weight:700}.brand-logo{width:42px;height:42px;object-fit:contain}.header-back-link{color:#8fc8ea;font-size:14px;font-weight:700}.header-back-link:hover{color:#c4e7fb}.site-main{width:min(1200px,calc(100% - 48px));margin:18px auto 64px;flex:1}.site-footer{padding:20px;color:#71869a;font-size:13px;text-align:center}.site-filing{margin-top:8px;font-size:12px;line-height:1.6}.site-filing a{color:#8298aa;text-decoration:underline;text-decoration-color:#8298aa8c;text-underline-offset:3px}.site-filing a:hover{color:#a8becf}.page-stack,.detail-page{display:grid;gap:24px}.hero-panel,.detail-hero,.countdown-panel,.content-panel,.status-panel{border:1px solid #dbe6ed;border-radius:16px;background:#ffffff;box-shadow:0 16px 42px #2d4e6814}.hero-panel{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:64px;padding:54px 48px;align-items:start;border:0;background:transparent;box-shadow:none}.eyebrow{margin:0 0 8px;color:#287eb5;font-size:12px;font-weight:800;letter-spacing:.16em}.hero-copy h1,.detail-hero h1,.status-panel h1{margin:0;color:#142f47;font-size:clamp(30px,4vw,48px);line-height:1.15}.hero-copy>p,.status-panel p{margin:18px 0 0;color:#607a91;line-height:1.75}.hero-copy{padding-top:18px}.hero-copy h1{color:#f8fafc;font-size:clamp(42px,5vw,64px)}.hero-copy>p{color:#9cabc0}.hero-actions{display:grid;min-width:0;gap:30px}.redeem-form{padding:28px 30px;border:1px solid rgba(153,197,226,.22);border-radius:16px;background:rgba(255,255,255,.06);box-shadow:0 14px 34px #030d191f}.redeem-heading{margin-bottom:18px}.redeem-heading h2{margin:0;color:#fffffff5;font-size:22px;line-height:1.35}.redeem-form label{display:block;margin-bottom:10px;color:#38536a;font-size:14px;font-weight:700}.redeem-row{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:16px;max-width:760px}.redeem-row .primary-button{min-height:78px;padding-right:24px;padding-left:24px;font-size:18px}.card-code-input{width:100%;min-height:78px;min-width:0;padding:20px 22px;border:1px solid #cbdce7;border-radius:12px;outline:none;color:#18324a;background:#ffffff;font-family:SFMono-Regular,Consolas,monospace;font-size:21px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:border-color .2s,box-shadow .2s}.card-code-input:focus{border-color:#3489bd;box-shadow:0 0 0 3px #3489bd1f}.primary-button,.secondary-button,.copy-button,.future-actions button{border:0;border-radius:9px;font-weight:700}.primary-button{padding:14px 26px;color:#fff;background:#287eb5}.primary-button:hover:not(:disabled){filter:brightness(1.06)}.primary-button:disabled{opacity:.55}.secondary-button{padding:11px 18px;color:#245b7e;background:#e7f1f7}.form-tip,.section-note{color:#71869a;font-size:12px}.form-tip{margin:10px 0 0}.renewal-guide{display:flex;margin-top:16px;padding-top:14px;border-top:1px solid #dbe6ed;align-items:center;justify-content:space-between;gap:14px;color:#607a91;font-size:13px;line-height:1.6}.renewal-guide .text-button{flex:0 0 auto;color:#287eb5}.error-message{margin:14px 0 0;color:#b74343;font-size:14px;line-height:1.6}.first-use-panel{padding:19px;border:1px solid #e2ebf0;border-radius:15px;background:#ffffff;box-shadow:0 12px 32px #2d4e680f}.first-use-heading h2,.first-use-heading p{margin:0}.first-use-heading h2{color:#17354d;font-size:19px}.first-use-heading p{margin-top:5px;color:#71869a;font-size:13px;line-height:1.6}.step-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0 0;padding:0;gap:10px;list-style:none}.step-cards li{display:flex;min-width:0;padding:11px 10px;border:1px solid #e7eef2;border-radius:12px;gap:10px;background:#fbfdfe}.step-cards li>span{display:grid;width:27px;height:27px;flex:0 0 27px;place-items:center;border-radius:50%;color:#236e9e;background:#e1f0f8;font-weight:800}.step-cards strong{color:#1b3b53;font-size:13px}.step-cards p{margin:4px 0 0;color:#71869a;font-size:12px;line-height:1.55}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.content-panel{padding:28px}.section-heading{display:flex;margin-bottom:20px;align-items:center;justify-content:space-between;gap:16px}.section-heading h2{margin:0;color:#17354d;font-size:22px}.rental-list{display:grid;gap:12px}.rental-card{display:flex;padding:18px 20px;border:1px solid #dfe9ef;border-radius:12px;align-items:center;justify-content:space-between;gap:20px;background:#f8fbfd}.rental-card h3{margin:0 0 8px;color:#17354d;font-size:18px}.rental-state{margin:0;color:#287eb5;font-size:14px;font-weight:700}.rental-number{margin:0;color:#71869a;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;overflow-wrap:anywhere}.rental-expire{margin:8px 0 0;color:#718096;font-size:13px}.rental-card-actions{display:flex;align-items:center;gap:12px}.text-button,.back-link,.inline-button{padding:0;border:0;color:#607a91;background:transparent}.danger-text{color:#d88484;font-size:12px}.back-link{display:inline-flex;align-items:center;width:fit-content;padding:9px 14px;border:1px solid rgba(40,126,181,.34);border-radius:10px;color:#287eb5;background:rgba(228,242,251,.92);font-weight:700}.back-link:hover{border-color:#287eb594;color:#1f6797;background:#edf7fd}.detail-hero{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));padding:0;overflow:hidden;align-items:stretch;gap:0}.rental-summary-area{display:grid}.detail-hero.renew-open{border-radius:16px 16px 0 0}.detail-hero.has-summary-action{grid-template-columns:minmax(180px,1.1fr) repeat(2,minmax(180px,1fr)) auto}.summary-cell{display:grid;min-width:0;min-height:112px;padding:22px 24px;align-content:center;border-right:1px solid #e0eaf0;gap:8px}.summary-cell span{color:#71869a;font-size:12px;font-weight:700}.summary-cell strong{color:#17354d;font-size:clamp(17px,2vw,23px);overflow-wrap:anywhere}.summary-cell small{width:fit-content;padding:4px 8px;border-radius:999px;color:#287eb5;background:#e8f3f9;font-size:11px;font-weight:700}.summary-warning{color:#b85543!important}.summary-action{display:grid;padding:20px;place-items:center}.renew-summary-button{min-width:92px;padding:12px 18px;border:1px solid #b9d5e5;border-radius:10px;color:#236e9e;background:#eef7fb;font-weight:700}.secure-label{border:1px solid #c9e0ec;border-radius:999px;color:#287eb5;background:#eef7fb}.secure-label{padding:5px 10px;font-size:11px}.countdown-panel{padding:32px;text-align:center;background:linear-gradient(135deg,rgba(31,75,111,.68),rgba(17,26,41,.92))}.countdown-panel p,.countdown-panel span{color:#9eb0c5}.countdown-panel p{margin:0 0 8px}.countdown-panel strong{display:block;margin-bottom:8px;color:#fff;font-family:SFMono-Regular,Consolas,monospace;font-size:clamp(36px,7vw,64px);letter-spacing:.04em}.countdown-panel span{font-size:12px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;overflow:hidden;border:1px solid rgba(148,163,184,.12);border-radius:10px;background:rgba(148,163,184,.12)}.detail-grid div{min-width:0;padding:18px;background:#0e1725}.detail-grid dt,.credential-card>span{margin-bottom:7px;color:#72839a;font-size:12px}.detail-grid dd{margin:0;color:#dfe9f5;overflow-wrap:anywhere}.credential-list{display:grid;gap:12px}.credential-panel{border-color:#cbdfe9;box-shadow:0 18px 46px #2d4e6817}.section-description{margin:8px 0 0;color:#71869a;line-height:1.6}.credential-main-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px}.credential-access-card{display:grid;min-width:0;overflow:hidden;grid-template-columns:minmax(0,1fr);align-items:stretch;border:1px solid #dce8ee;border-radius:12px;background:#f8fbfd}.credential-card{display:grid;min-width:0;padding:20px;border:1px solid #dce8ee;border-radius:11px;align-content:center;gap:14px;background:#f8fbfd}.credential-access-card .credential-card{border:0;border-radius:0;background:transparent}.credential-access-card .credential-card+.credential-card{border-top:1px solid #dce8ee}.credential-card>strong{color:#17354d;font-family:SFMono-Regular,Consolas,monospace;font-size:17px;overflow-wrap:anywhere}.credential-card>.copy-button{justify-self:start}.credential-row{display:flex;min-width:0;padding:20px;border:1px solid #dce8ee;border-radius:11px;align-items:center;justify-content:space-between;gap:20px;background:#f8fbfd}.credential-row>div:first-child{display:grid;min-width:0}.credential-row strong{color:#17354d;font-family:SFMono-Regular,Consolas,monospace;font-size:17px;overflow-wrap:anywhere}.credential-actions{display:flex;gap:8px}.copy-button{padding:8px 13px;color:#236e9e;background:#e7f2f8}.credential-hidden{margin:0;padding:22px;border:1px solid rgba(245,158,11,.18);border-radius:10px;color:#936b2d;background:#fff8e9;text-align:center}.login-steps{display:grid;margin:0;padding-left:24px;gap:12px;color:#d8e4f2;line-height:1.6}.guard-key-action{display:inline-block;padding:1px 5px;border-radius:5px;color:#246f9f;background:#e4f2fb;font-weight:800}.guard-action-card{display:grid;min-width:0;padding:22px;align-content:center;border:1px solid #d3e4ed;border-radius:12px;gap:10px;background:#f1f7fa}.guard-action-card span{color:#17354d;font-weight:800}.guard-action-card p{margin:0;color:#71869a;font-size:13px;line-height:1.6}.guard-inline-result{display:grid;gap:10px}.guard-inline-result>strong{color:#174f72;font-family:SFMono-Regular,Consolas,monospace;font-size:clamp(30px,3vw,40px);letter-spacing:.14em;-webkit-user-select:all;user-select:all}.guard-inline-result>small,.guard-inline-message{color:#607a91;font-size:12px;line-height:1.5}.guard-inline-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}.guard-refresh-button{margin-top:0;padding:8px 12px}.qr-login-section{margin-top:20px;padding:20px;border:1px solid #cfe1eb;border-radius:12px;background:#f3f8fb}.qr-login-heading{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:20px}.qr-login-heading h3,.qr-login-heading p{margin:0}.qr-login-heading h3{color:#193247}.qr-login-heading p{margin-top:7px;color:#60758a;font-size:13px;line-height:1.6}.qr-login-status{flex:0 0 auto;max-width:360px;padding:5px 10px;border-radius:999px;color:#256c98;background:#e3f2fb;font-size:12px;font-weight:700;text-align:center}.qr-login-status.is-approval_accepted{color:#23704b;background:#e3f4eb}.qr-login-status.is-failed,.qr-login-status.is-expired,.qr-login-status.is-cancelled,.qr-login-status.is-unknown{color:#9a4a45;background:#fae9e7}.qr-privacy-note,.qr-login-message{margin:14px 0 0;color:#60758a;font-size:13px;line-height:1.6}.qr-privacy-note{padding:11px 13px;border-radius:8px;background:#e8f2f7}.qr-login-message.is-warning{color:#8a532b}.qr-login-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.friend-add-section{margin-top:20px;padding:20px;border:1px solid #d7e4ec;border-radius:12px;background:#f5f9fc}.friend-add-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.friend-add-heading h3,.friend-add-heading p{margin:0}.friend-add-heading h3{color:#193247}.friend-add-heading p{margin-top:7px;color:#60758a;font-size:13px;line-height:1.6}.friend-add-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:16px}.friend-add-form input{min-width:0;padding:13px 15px;border:1px solid #ccdbe5;border-radius:9px;color:#193247;background:#ffffff;outline:none}.friend-add-form input:focus{border-color:#4e9acb;box-shadow:0 0 0 3px #4e9acb1f}.friend-add-form .primary-button{min-width:116px}.friend-status{flex:0 0 auto;padding:5px 10px;border-radius:999px;color:#42627a;background:#e4edf3;font-size:12px;font-weight:700}.friend-status.is-running,.friend-status.is-waiting{color:#256c98;background:#e3f2fb}.friend-status.is-success{color:#23704b;background:#e3f4eb}.friend-status.is-failed{color:#9a4a45;background:#fae9e7}.friend-add-message{margin:12px 0 0;color:#60758a;font-size:13px;line-height:1.6}.friend-invite-self-warning{display:grid;min-width:0;gap:5px;margin-top:12px;padding:13px 15px;border:1px solid #ffccc7;border-radius:9px;background:#fff1f0;overflow-wrap:anywhere}.friend-invite-self-warning strong{color:#9f2720;font-size:14px}.friend-invite-self-warning p{margin:0;color:#7c4542;font-size:13px;line-height:1.6}.important-tip{margin:20px 0 0;padding:14px 16px;border-left:3px solid #66c0f4;border-radius:6px;color:#bfe7ff;background:rgba(42,111,155,.13)}.guard-description,.guard-status-message{margin:0;padding:18px;border:1px solid #dce8ee;border-radius:10px;color:#607a91;background:#f8fbfd;text-align:center}.guard-status-message p{margin:0}.guard-status-message small{display:block;margin-top:10px;color:#c2cedd;line-height:1.7}.guard-code-card{display:grid;padding:24px;border:1px solid #c6dfea;border-radius:12px;justify-items:center;gap:14px;background:#eef7fb}.guard-code-card>span{color:#607a91;font-size:13px}.guard-code-card>strong{max-width:100%;color:#174f72;font-family:SFMono-Regular,Consolas,monospace;font-size:clamp(38px,8vw,58px);letter-spacing:.18em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.guard-copy-button{min-width:150px;padding:11px 18px}.guard-copy-message{margin:0;color:#287eb5;font-size:13px}.guard-section{margin-top:24px;padding-top:24px;border-top:1px solid #dbe6ed}.guard-heading{margin-bottom:16px}.login-guide-inline{margin-top:22px;padding:16px 18px;border-radius:10px;background:#f8fbfd}.login-guide-inline .login-steps{gap:7px;color:#607a91;font-size:13px}.guard-request-button{width:100%;margin-top:4px;padding:15px;border:0;border-radius:9px;font-weight:700}.guard-request-button{color:#fff;background:#287eb5}.guard-request-button:disabled{color:#8798a5;background:#dce6eb;opacity:.7}.security-tip{margin:18px 0 0;padding:14px 16px;border:1px solid #ead5a9;border-radius:10px;color:#88662e;background:#fff9ec;line-height:1.6}.renew-inline{display:grid;margin-top:18px;padding:20px;border:1px solid #cfe1ea;border-radius:12px;gap:16px;background:#f5fafc}.summary-renew-inline{margin-top:-1px;border-radius:0 0 16px 16px;box-shadow:0 16px 42px #2d4e6814}.summary-renew-inline .summary-cell{min-height:0;padding:0;border:0}.renew-inline h3,.renew-inline p{margin:0}.renew-inline h3{color:#17354d;font-size:18px}.renew-inline>div>p{margin-top:7px;color:#607a91;line-height:1.6}.rental-reference{display:flex;padding:0 6px;justify-content:space-between;gap:16px;color:#71869a;font-size:12px;overflow-wrap:anywhere}.renew-notice{margin:16px 0 0;padding:13px 16px;border:1px solid rgba(74,222,128,.2);border-radius:9px;color:#a7f3c0;background:rgba(20,83,45,.22);text-align:center}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;padding:20px;place-items:center;background:rgba(3,8,15,.78)}.shared-notice-dialog{display:grid;width:min(480px,100%);padding:28px;border:1px solid rgba(245,158,11,.38);border-radius:16px;gap:18px;background:#ffffff;box-shadow:0 24px 80px #1e394d38}.shared-notice-dialog h2,.shared-notice-dialog p{margin:0}.shared-notice-dialog h2{color:#ffb020;font-weight:800}.shared-notice-dialog>p:not(.eyebrow),.shared-offline-warning,.shared-blocked-panel p{color:#8a672e;line-height:1.7;overflow-wrap:anywhere}.shared-offline-warning{margin:18px 0 0;padding:14px 16px;border:1px solid rgba(245,158,11,.3);border-radius:9px;background:#fff8e9;font-weight:700}.shared-blocked-panel{display:grid;justify-items:start;gap:14px}.shared-blocked-panel h2,.shared-blocked-panel p{margin:0}.renew-form{display:grid;gap:12px}.renew-form label{color:#38536a;font-size:14px;font-weight:700}.renew-form .error-message{margin-top:0}.renew-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}.status-panel{display:grid;min-height:320px;padding:40px;place-content:center;justify-items:center;text-align:center}.status-panel h1{font-size:28px}.status-actions{display:flex;margin-top:24px;gap:12px}.loading-dot{width:34px;height:34px;border:3px solid #d5e2e9;border-top-color:#287eb5;border-radius:50%;animation:spin .8s linear infinite}.detail-error{margin:0;padding:12px 16px;border-radius:9px;background:#fff0f0}.inline-button{margin-left:8px;color:#287eb5;text-decoration:underline}.shared-offline-guide{display:grid;justify-items:start;gap:10px}.offline-tutorial-link{color:#287eb5;font-size:14px;font-weight:800}.offline-tutorial-link:hover{text-decoration:underline}.tutorial-page{display:grid;gap:24px}.tutorial-intro{display:grid;gap:12px;padding:34px 38px;border:1px solid rgba(210,222,234,.82);border-radius:16px;color:#193247;background:rgba(238,244,249,.96)}.tutorial-intro h1,.tutorial-intro p,.tutorial-step h2,.tutorial-step p,.tutorial-complete h2,.tutorial-complete p{margin:0}.tutorial-intro h1{font-size:clamp(30px,4vw,46px);line-height:1.2}.tutorial-subtitle{color:#5f7387;line-height:1.75}.tutorial-intro-actions{display:flex;flex-wrap:wrap;gap:10px}.tutorial-video-button,.tutorial-return-button{display:inline-flex;min-height:44px;padding:10px 18px;align-items:center;justify-content:center;border:1px solid #2f7fbd;border-radius:9px;font:inherit;font-weight:700;cursor:pointer}.tutorial-video-button{color:#fff;background:#2f7fbd}.tutorial-return-button{color:#286f9f;background:#f7fbfe}.tutorial-alert{display:grid;gap:5px;margin-top:8px;padding:16px 18px;border:1px solid rgba(245,158,11,.38);border-radius:10px;color:#76541f;background:#fff8e9;line-height:1.65}.tutorial-layout{display:grid;grid-template-columns:244px minmax(0,1fr);gap:24px;align-items:start}.tutorial-nav{position:sticky;top:24px;padding:22px 18px;border:1px solid rgba(210,222,234,.82);border-radius:14px;color:#193247;background:rgba(244,248,252,.96)}.tutorial-nav>strong{display:block;padding:0 8px 12px}.tutorial-nav ol{display:grid;margin:0;padding:0;gap:6px;list-style:none}.tutorial-nav a{display:flex;padding:10px 8px;align-items:center;gap:10px;border-radius:9px;color:#4e6579;font-size:14px;font-weight:700}.tutorial-nav a:hover,.tutorial-nav a.active{color:#1f6f9f;background:#e7f2f9}.tutorial-nav a span{display:inline-grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:50%;color:#247eb4;background:#e0eff8}.tutorial-content{display:grid;min-width:0;gap:20px}.tutorial-step,.tutorial-complete{border:1px solid rgba(210,222,234,.82);border-radius:16px;color:#193247;background:rgba(244,248,252,.96);box-shadow:0 10px 28px #07172714}.tutorial-step{display:grid;scroll-margin-top:88px;padding:28px;gap:18px}.tutorial-step header{display:grid;gap:6px}.tutorial-step h2,.tutorial-complete h2{font-size:24px}.tutorial-step>p,.tutorial-substep>p,.tutorial-help>p,.tutorial-complete p{color:#5f7387;line-height:1.75}.tutorial-substep{display:grid;padding-top:22px;gap:14px;border-top:1px solid #dce7ef}.tutorial-substep:first-of-type{padding-top:0;border-top:0}.tutorial-substep h3,.tutorial-substep p{margin:0}.tutorial-substep h3{color:#274b66;font-size:18px}.tutorial-step-number{color:#287eb5;font-size:12px;font-weight:800;letter-spacing:.08em}.tutorial-download-button{justify-self:start;padding:11px 18px;border-radius:9px;color:#fff;background:#2f7fbd;font-weight:700}.tutorial-tip{padding:12px 14px;border-left:3px solid #5b9bc5;border-radius:7px;color:#47677e!important;background:#edf6fb}.tutorial-image-button{display:block;width:100%;max-width:760px;margin:0 auto;padding:0;overflow:hidden;border:1px solid #c9d8e3;border-radius:12px;background:#e8f0f5;box-shadow:0 8px 22px #0717271a;cursor:zoom-in}.tutorial-image-button img{display:block;width:100%;height:auto}.tutorial-help{padding:15px 16px;border:1px solid #d4e1e9;border-radius:10px;background:#f8fbfd}.tutorial-help summary{color:#287eb5;font-weight:800;cursor:pointer}.tutorial-help>p{margin:12px 0 14px}.tutorial-step-warning{padding:13px 15px;border-left:4px solid #e0a33b;border-radius:8px;color:#76541f;background:#fff8e9;font-weight:700}.tutorial-step-actions{display:flex;padding-top:4px;justify-content:space-between}.tutorial-step-actions button{min-height:42px;padding:9px 16px;border:1px solid #aac8dc;border-radius:8px;color:#287eb5;background:#f7fbfe;font:inherit;font-weight:700;cursor:pointer}.tutorial-step-actions button.next{border-color:#2f7fbd;color:#fff;background:#2f7fbd}.tutorial-complete{display:flex;padding:28px;align-items:center;justify-content:space-between;gap:24px}.tutorial-complete>div{display:grid;gap:7px}.tutorial-complete .primary-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.tutorial-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;padding:54px 24px 24px;place-items:center;background:rgba(5,13,23,.88)}.tutorial-lightbox img{display:block;max-width:min(1200px,96vw);max-height:calc(100vh - 80px);border-radius:10px;object-fit:contain}.tutorial-lightbox-close{position:fixed;top:14px;right:18px;width:42px;height:42px;border:1px solid rgba(255,255,255,.55);border-radius:50%;color:#fff;background:rgba(16,31,47,.92);font-size:28px;line-height:1;cursor:pointer}:root,html{color:#fffc;background:#0f1724}body{background:radial-gradient(circle at 85% 5%,rgba(65,125,174,.1),transparent 32rem),linear-gradient(135deg,#122033 0%,#0f1724 55%,#101a29 100%)}.brand{color:#fffffff0}.brand span{white-space:nowrap}.site-footer,.rental-reference{color:#ffffffad}.hero-copy h1{color:#fffffff2}.hero-copy>p{color:#ffffffc2;font-size:16px;font-weight:500}.renewal-guide .text-button{color:#66b7e8}.hero-actions .form-tip{color:#ffffffad;font-size:13px;font-weight:500;line-height:1.65}.renewal-guide{border-top-color:#ffffff24;color:#ffffffad}.content-panel,.status-panel,.shared-notice-dialog{border-color:#d2deead1;background:rgba(244,248,252,.94);box-shadow:0 10px 28px #07172714}.detail-hero{border-color:#cfdce8d1;background:rgba(238,244,249,.94);box-shadow:0 8px 24px #0717270f}.first-use-panel{border-color:#d2deead1;background:rgba(244,248,252,.94);box-shadow:0 10px 28px #07172714}.first-use-heading h2{color:#172b3f}.first-use-heading p{color:#62758a}.step-cards li{border-color:#dce6efe0;background:rgba(248,250,252,.96)}.step-cards li>span{color:#247eb4;background:#e4f2fb}.step-cards strong{color:#193247}.step-cards p{color:#75879a}.rental-card{border-color:#dce6efe0;background:rgba(248,250,252,.96)}.card-code-input{border-color:#ccd8e5;color:#172b3f;background:rgba(247,250,252,.96)}.card-code-input::placeholder{color:#8795a6}.card-code-input:focus{border-color:#4e9acb;box-shadow:0 0 0 3px #4e9acb1f}.credential-row,.credential-card,.credential-access-card,.guard-description,.guard-status-message,.login-guide-inline{border-color:#dce6efe0;background:rgba(247,250,252,.96)}.guard-action-card,.guard-code-card,.renew-inline{border-color:#d2deead1;background:rgba(237,244,249,.92)}.section-heading h2,.credential-row strong,.credential-card>strong,.guard-action-card span,.renew-inline h3{color:#193247}.section-description,.guard-action-card p,.guard-description,.guard-status-message,.renew-inline>div>p{color:#5f7387}.primary-button,.guard-request-button{color:#fff;background:#2f7fbd}.primary-button:hover:not(:disabled),.guard-request-button:hover:not(:disabled){background:#286fa7}.primary-button:active:not(:disabled),.guard-request-button:active:not(:disabled){background:#225f90}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.hero-panel{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:36px;padding:40px 24px}.detail-hero,.detail-hero.has-summary-action{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-cell:nth-child(2){border-right:0}.summary-cell:nth-child(n+3),.summary-action{border-top:1px solid #e0eaf0}}@media (max-width: 768px){html,body,#app{max-width:100%;overflow-x:hidden}.site-header,.site-main{width:calc(100% - 24px);max-width:1200px}.site-main{margin-top:8px;margin-bottom:40px}.header-back-link{font-size:13px}.page-stack,.detail-page{gap:16px}.hero-panel{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 18px}.hero-copy,.hero-actions,.redeem-form,.rental-card-main,.detail-hero>div,.credential-row>div{min-width:0}.hero-copy h1,.detail-hero h1{font-size:clamp(27px,7.5vw,34px);line-height:1.22}.redeem-form,.content-panel,.detail-hero,.countdown-panel,.status-panel{padding:20px 18px}.redeem-heading{margin-bottom:14px}.redeem-heading h2{font-size:20px}.redeem-row,.step-cards,.detail-grid{grid-template-columns:minmax(0,1fr)}.redeem-row{gap:12px}.redeem-row .card-code-input,.redeem-row .primary-button{min-height:60px}.redeem-row .card-code-input{padding:15px 16px;font-size:18px}.primary-button{width:100%}.rental-card,.credential-row{align-items:stretch;flex-direction:column}.rental-card{min-width:0;padding:16px}.rental-number,.error-message,.status-panel p,.guard-description,.guard-status-message{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.rental-card-actions{width:100%;align-items:stretch;flex-direction:column}.rental-card-actions button{width:100%}.section-heading{align-items:flex-start}.credential-row{gap:14px}.credential-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.copy-button{min-height:42px;flex:1}.status-panel{min-height:260px}.status-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.status-actions button{width:100%}.countdown-panel strong{font-size:clamp(32px,12vw,48px);overflow-wrap:anywhere}.guard-code-card>strong{font-size:clamp(34px,14vw,48px);letter-spacing:.12em}.guard-copy-button{width:100%}.renewal-guide{align-items:flex-start;flex-direction:column;gap:8px}.renew-inline{padding:18px 14px}.rental-reference{flex-direction:column;gap:6px}.modal-backdrop{padding:14px}.shared-notice-dialog{padding:22px 18px}.shared-notice-dialog .primary-button,.shared-blocked-panel .primary-button{width:100%}.renew-actions{grid-template-columns:minmax(0,1fr)}.renew-actions button{width:100%}.tutorial-intro,.tutorial-step,.tutorial-complete{padding:22px 18px}.tutorial-layout{grid-template-columns:minmax(0,1fr);gap:16px}.tutorial-nav{position:static;min-width:0;padding:14px;overflow-x:auto}.tutorial-nav>strong{padding:0 4px 10px}.tutorial-nav ol{display:flex;width:max-content;max-width:none}.tutorial-nav a{white-space:nowrap}.tutorial-step{scroll-margin-top:88px}.tutorial-intro-actions{display:grid;grid-template-columns:minmax(0,1fr)}.tutorial-video-button,.tutorial-return-button,.tutorial-download-button{width:100%}.tutorial-step-actions button{min-width:108px}.tutorial-lightbox{padding:58px 10px 16px}.tutorial-lightbox img{max-width:100%;max-height:calc(100vh - 74px)}.tutorial-complete{align-items:stretch;flex-direction:column}.tutorial-complete .primary-button{width:100%}.detail-hero,.detail-hero.has-summary-action,.credential-main-grid{grid-template-columns:minmax(0,1fr)}.credential-access-card>.credential-card>.copy-button{width:100%;justify-self:stretch}.summary-cell,.summary-cell:nth-child(2){min-height:0;padding:18px;border-right:0;border-bottom:1px solid #e0eaf0}.summary-cell:nth-child(n+3),.summary-action{border-top:0}.summary-action{padding:16px 18px}.renew-summary-button{width:100%}.guard-action-card{padding:18px}.friend-add-heading,.qr-login-heading{flex-direction:column;gap:10px}.qr-login-status{max-width:100%;border-radius:9px;text-align:left}.qr-login-actions,.qr-login-actions button{width:100%}.friend-add-form{grid-template-columns:minmax(0,1fr)}.friend-add-form .primary-button{width:100%}}@media (max-width: 430px){.site-header{height:64px}.brand{font-size:16px}.hero-copy h1,.detail-hero h1{font-size:clamp(26px,7.2vw,31px)}.section-heading{flex-direction:column;gap:8px}.guard-code-card{padding:20px 14px}}