:root{--tc-bg:#0b0b13;--tc-surface:#171723;--tc-surface2:#202032;--tc-border:rgba(255,255,255,0.08);--tc-purple:#8d5bff;--tc-purple2:#bf9cff;--tc-orange:#ff9a32;--tc-orange2:#ffb74d;--tc-text:#ffffff;--tc-muted:#9d9fb3;--tc-radius:18px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top,#25113f 0,#11111b 35%,#09090d 100%);color:#fff;font-family:Inter,system-ui,sans-serif}.tc-page{width:100%;min-height:100vh;padding:22px 16px 110px}.tc-header{gap:16px;margin-bottom:24px}.tc-header,.tc-header-icon{display:flex;align-items:center}.tc-header-icon{width:58px;height:58px;border-radius:18px;justify-content:center;background:linear-gradient(135deg,#a463ff,#5e52ff);box-shadow:0 0 30px rgba(145,93,255,.35);flex-shrink:0}.tc-header h1{margin:0;font-size:26px;font-weight:800}.tc-header p{margin-top:6px;color:var(--tc-muted);font-size:13px;line-height:1.5}.tc-header span{color:var(--tc-orange)}.tc-card{background:rgba(25,25,38,.92);border:1px solid var(--tc-border);border-radius:var(--tc-radius);padding:20px;backdrop-filter:blur(10px);box-shadow:0 20px 50px rgba(0,0,0,.45)}.tc-input-row{display:flex;flex-direction:column;gap:12px;position:relative}.tc-input-title{position:absolute;right:0;height:100%;display:flex;align-items:center;gap:8px;color:#d4d5e3;font-size:14px;font-weight:600}.tc-input-title img{height:100%;width:auto;border-top-right-radius:14px;border-bottom-right-radius:14px}.tc-input-wrapper{display:flex;align-items:center;gap:10px}.tc-input-wrapper input{flex:1;height:48px;border-radius:14px;border:1px solid hsla(0,0%,100%,.08);background:#232334;color:#fff;outline:none;font-size:15px;padding:0 16px;transition:.25s}.tc-input-wrapper input:focus{border-color:var(--tc-purple);box-shadow:0 0 0 3px rgba(140,91,255,.18)}.tc-input-wrapper button{width:48px;height:48px;border:none;cursor:pointer;border-radius:14px;color:#fff;font-size:18px;background:linear-gradient(135deg,#875dff,#6d46ff);transition:.25s}.tc-input-wrapper button:hover{transform:translateY(-2px)}.tc-divider{height:1px;background:hsla(0,0%,100%,.08);margin:22px 0}.tc-question{flex-direction:column;gap:14px}.tc-question,.tc-question-title{display:flex;justify-content:space-between}.tc-question-title{align-items:flex-start;gap:10px;font-size:14px;color:#d7d8e6;line-height:1.5}.tc-question-title svg{color:#7d7f95;flex-shrink:0}.tc-segment{display:flex;gap:10px}.tc-segment button{flex:1;height:46px;border-radius:14px;border:1px solid hsla(0,0%,100%,.08);background:#232334;color:#bfc2d7;cursor:pointer;font-size:14px;font-weight:700;transition:.25s}.tc-segment button:hover{border-color:hsla(0,0%,100%,.18)}.tc-segment button.active{color:#fff;border-color:rgba(0,0,0,0);background:linear-gradient(135deg,var(--tc-orange),var(--tc-orange2));box-shadow:0 10px 24px rgba(255,153,50,.35)}.tc-calculate{margin-top:28px;width:100%;height:54px;border:none;border-radius:16px;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;color:#fff;font-size:15px;font-weight:800;background:linear-gradient(135deg,var(--tc-orange),#ff7f2f);box-shadow:0 18px 35px rgba(255,145,30,.35);transition:.25s}.tc-calculate:hover{transform:translateY(-2px)}.tc-calculate:active{transform:scale(.98)}.tc-note{background:#171723;border:1px solid var(--tc-border);border-radius:18px;overflow:hidden}.tc-note-header{display:flex;justify-content:space-between;align-items:center;padding:18px;cursor:pointer;font-size:14px;font-weight:700}.tc-note-header>div{display:flex;align-items:center;gap:10px}.dot{width:10px;height:10px;border-radius:50%;background:var(--tc-orange);box-shadow:0 0 12px rgba(255,153,50,.7)}.rotate{transform:rotate(180deg)}.tc-note ul{margin:0;padding:0 18px 18px 34px}.tc-note li{color:var(--tc-muted);font-size:13px;line-height:1.7;margin-bottom:10px}.tc-results{margin-top:28px}.tc-title{font-size:20px;font-weight:800;margin-bottom:20px}.tc-result{display:flex;gap:14px;margin-bottom:26px}.tc-time{width:62px;display:flex;flex-direction:column;align-items:center}.tc-date .day{font-size:24px;color:var(--tc-orange);line-height:1.1}.tc-date .status{margin-top:4px;color:#b7b7ca}.tc-line{flex:1;width:2px;margin-top:12px;background:linear-gradient(to bottom,var(--tc-purple),transparent)}.tc-result-card{flex:1;display:flex;gap:14px}.tc-character{width:100px;flex-shrink:0;text-align:center}.tc-character img{border-radius:8px;object-fit:cover;background:#2d2d40;box-shadow:1px 1px 1px #2d2d40}.tc-character-name{margin-top:8px;font-size:12px;font-weight:700}.tc-result-content{flex:1}.tc-need-title{font-size:11px;letter-spacing:.08em;color:#9da0b6}.tc-ticket-row{display:flex;align-items:center;gap:8px;margin-top:10px}.ticket-icon{font-size:22px}.ticket-value{font-size:20px;font-weight:900;color:var(--tc-orange);line-height:1}.ticket-text{font-size:11px;color:#9da0b6;margin-bottom:4px}.tc-separator{height:1px;background:hsla(0,0%,100%,.08);margin:16px 0}.tc-include-title{font-size:11px;letter-spacing:.08em;color:#9da0b6}.tc-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tc-tag{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:999px;background:#25253a;color:#d7d8e6;font-size:12px;font-weight:600}.tc-date{width:60px;height:75px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.15);border:1px solid #ddd;text-align:center;font-family:Arial,sans-serif;position:relative}.tc-date .year{display:block}.tc-date .day{color:#222;font-size:20px;line-height:36px;font-weight:800}.tc-date .status{font-size:10px;color:#777;font-style:italic;margin-top:-2px}@media(max-width:400px){.tc-page{padding-left:12px;padding-right:12px}.tc-result-card{padding:14px;flex-direction:column}.ticket-value{font-size:26px}.tc-character{width:100%}.tc-character img{width:80%;height:auto;margin:0 auto}}