@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&family=Space+Mono:wght@400;700&display=swap');

:root{--bg:#08070d;--panel:#11101a;--panel2:#171422;--line:#30283e;--text:#f8f5ff;--muted:#9b93a9;--pink:#ff2bd6;--cyan:#25e8ff;--purple:#8b5cf6;--orange:#ff7a18;--green:#55ffa8;--mono:"Space Mono",monospace;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}.aurora{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 3%,#ff2bd615,transparent 28%),radial-gradient(circle at 15% 28%,#25e8ff0e,transparent 25%);z-index:-1}.aurora:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 70%)}button,a{font:inherit}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1380px)/2));border-bottom:1px solid var(--line);background:#08070ded;backdrop-filter:blur(14px);position:relative;z-index:5}.back{color:var(--muted);font:700 11px var(--mono);letter-spacing:.12em;text-decoration:none}.back:hover{color:var(--cyan)}.signal{font:700 10px var(--mono);letter-spacing:.13em;color:var(--muted)}.signal i,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:8px}.mini-log{border:1px solid var(--pink);background:#ff2bd611;color:var(--pink);padding:9px 13px;font:700 10px var(--mono);letter-spacing:.08em;cursor:pointer}.ticker{height:34px;overflow:hidden;border-bottom:1px solid #201b2b;background:#0d0b13;color:var(--cyan);font:700 10px/34px var(--mono);letter-spacing:.09em;white-space:nowrap}.ticker div{display:inline-block;padding-left:100%;animation:ticker 45s linear infinite}@keyframes ticker{to{transform:translateX(-100%)}}main{width:min(1380px,calc(100% - 40px));margin:auto}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,7vw,100px);align-items:center;padding:clamp(70px,10vw,140px) 0 80px}.kicker,.section-title>span,.panel header span,.record span,.necessary>span,.history header span{font:700 10px var(--mono);letter-spacing:.18em;color:var(--cyan)}.hero h1{font-size:clamp(3.6rem,8vw,8rem);line-height:.79;letter-spacing:-.075em;margin:22px 0 30px;max-width:850px}.hero h1 span{color:transparent;-webkit-text-stroke:1px #fff;text-shadow:4px 4px 0 #ff2bd63b}.hero h1 i{font:700 12px var(--mono);letter-spacing:0;color:var(--pink);vertical-align:top;margin-left:10px}.hero-copy>p{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55;color:var(--muted);max-width:650px}.melt-button{margin-top:25px;display:flex;align-items:center;gap:14px;border:0;background:linear-gradient(110deg,var(--pink),#b313ee);color:#fff;padding:18px 21px;box-shadow:0 0 32px #ff2bd62e,6px 6px 0 #4d0a48;font-weight:900;letter-spacing:.04em;cursor:pointer;transition:.2s}.melt-button:hover{transform:translate(-2px,-2px);box-shadow:0 0 42px #ff2bd655,9px 9px 0 #4d0a48}.melt-button span{font-size:1.6rem}.melt-button b{margin-left:auto}.today-card{position:relative;overflow:hidden;min-height:440px;padding:34px;border:1px solid #ff2bd66b;background:linear-gradient(145deg,#1d1123,#0c0b13 65%);box-shadow:0 0 70px #ff2bd619,inset 0 0 50px #ff2bd60a}.today-card:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #25e8ff29;border-radius:50%;right:-100px;top:-100px;box-shadow:0 0 80px #25e8ff21}.scanline{position:absolute;inset:0;background:linear-gradient(transparent 50%,#0000001a 50%);background-size:100% 4px;pointer-events:none}.card-label{font:700 10px var(--mono);letter-spacing:.17em;color:var(--muted)}.today-number{display:flex;align-items:center;gap:16px;margin-top:24px}.today-number span{font-size:clamp(4rem,8vw,7rem);filter:drop-shadow(0 0 18px #ff2bd677)}.today-number strong{font-size:clamp(7rem,15vw,12rem);line-height:.8;letter-spacing:-.1em;text-shadow:0 0 30px #ff2bd64a}.today-card h2{font:800 clamp(1rem,2vw,1.3rem) var(--mono);letter-spacing:.12em;margin:22px 0}.today-index{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;font:700 12px var(--mono);color:var(--muted)}.today-index b{font-size:1.8rem;color:var(--cyan)}.status-pill{margin-top:17px;color:var(--text);font-weight:800}.status-pill i{display:inline-block;width:8px;height:8px;background:var(--pink);box-shadow:0 0 13px var(--pink);margin-right:8px}.today-card>small{display:block;margin-top:13px;color:#6f667b;font:700 9px var(--mono);letter-spacing:.08em}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--panel);margin-bottom:24px}.kpi-grid article{padding:25px;border-right:1px solid var(--line)}.kpi-grid article:last-child{border:0}.kpi-grid span,.long-kpis span{font:700 9px var(--mono);letter-spacing:.13em;color:var(--pink)}.kpi-grid strong{display:block;font-size:clamp(2rem,4vw,3.4rem);margin:10px 0 3px}.kpi-grid small{font:700 8px var(--mono);color:var(--muted);letter-spacing:.08em}.panel{border:1px solid var(--line);background:linear-gradient(150deg,var(--panel2),#0e0d15);box-shadow:0 12px 40px #0004}.gauge-section{padding:28px 34px 32px;margin-bottom:90px}.section-title{margin-bottom:28px}.section-title h2{margin:6px 0 0;font-size:clamp(1.6rem,4vw,3rem);letter-spacing:-.04em}.gauge{height:18px;position:relative;background:#292330;border-radius:20px;margin-top:52px}.gauge-fill{position:absolute;inset:0;border-radius:20px;background:linear-gradient(90deg,var(--green),var(--cyan),var(--pink),var(--orange),#ff294d);box-shadow:0 0 25px #ff2bd638}.gauge i{position:absolute;left:var(--position);top:50%;transform:translate(-50%,-50%);width:4px;height:34px;background:white;box-shadow:0 0 14px white;transition:left .7s cubic-bezier(.2,.8,.2,1)}.gauge i span{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-style:normal;font-size:1.8rem}.gauge-labels{display:flex;justify-content:space-between;color:var(--muted);font:700 9px/1.8 var(--mono);text-align:center;margin-top:12px}.analytics-section{margin-bottom:90px}.analytics-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.analytics-grid .panel{padding:25px}.panel header{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.panel header h3{margin:6px 0;font-size:1.15rem;letter-spacing:-.02em}.panel header>b{color:var(--pink);font:700 10px var(--mono)}.segmented{display:flex;border:1px solid var(--line)}.segmented button{border:0;background:transparent;color:var(--muted);padding:7px 11px;font:700 9px var(--mono);cursor:pointer}.segmented button.active{background:var(--cyan);color:#081014}.trend-panel svg{display:block;width:100%;height:auto;overflow:visible}.chart-gridline{stroke:#30283e;stroke-width:1}.chart-area{fill:url(#areaGradient)}.chart-line{fill:none;stroke:var(--cyan);stroke-width:3;filter:drop-shadow(0 0 7px #25e8ff)}.chart-point{fill:var(--bg);stroke:var(--pink);stroke-width:3}.chart-label{fill:#766d82;font:9px var(--mono)}#typeChart{display:grid;gap:13px}.type-row{display:grid;grid-template-columns:minmax(110px,1fr) 1.4fr 35px;align-items:center;gap:10px;font:700 10px var(--mono)}.type-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.type-meter{height:8px;background:#282131}.type-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink));box-shadow:0 0 8px #ff2bd64d}.type-row b{text-align:right}.hour-chart{height:190px;display:flex;align-items:end;gap:6px;min-width:620px;border-bottom:1px solid var(--line)}.hour-item{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;gap:7px;font:8px var(--mono);color:#776e82}.hour-item i{display:block;min-height:2px;background:linear-gradient(var(--cyan),var(--purple));box-shadow:0 0 8px #25e8ff33}.hourly-panel p{font:700 10px/1.5 var(--mono);color:var(--cyan);margin:16px 0 0}.forecast-panel{position:relative;overflow:hidden}.forecast-panel h3{font-size:clamp(1.35rem,3vw,2.3rem);margin:20px 0 12px}.forecast-panel h3 i{font-style:normal}.forecast-panel h3 b{color:var(--pink)}.forecast-panel p{color:var(--muted);line-height:1.5;max-width:520px}.forecast-grid{position:absolute;right:-20px;bottom:-40px;width:220px;height:170px;background:linear-gradient(90deg,#ff2bd611 1px,transparent 1px),linear-gradient(#ff2bd611 1px,transparent 1px);background-size:22px 22px;transform:perspective(200px) rotateX(50deg)}.long-kpis{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:24px;background:#0b0a11;border-block:1px solid var(--line)}.long-kpis article{padding:25px;border-right:1px solid var(--line)}.long-kpis article:last-child{border:0}.long-kpis strong{display:block;font-size:2rem;margin-top:8px}.long-kpis small{display:block;font:700 9px var(--mono);color:var(--muted);margin-top:4px}.record{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:30px;margin-bottom:90px;border-color:#ff7a1852}.trophy{font-size:4rem;filter:drop-shadow(0 0 15px #ff7a1877)}.record h2{font-size:clamp(1.6rem,4vw,3.2rem);margin:5px 0}.record p{margin:0;color:var(--muted)}.record-date{text-align:right}.record-date strong{display:block;font-size:1.6rem;color:var(--orange)}.record-date span,.record-date small{display:block;margin-top:6px;font:700 10px var(--mono);color:var(--text)}.record-date small{color:var(--muted)}.feed-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin-bottom:90px}.feed-panel,.necessary,.history{padding:28px}.feed-panel header>div{display:flex;align-items:center}.event-feed{display:grid}.event{display:grid;grid-template-columns:50px 1fr auto;gap:14px;padding:19px 0;border-top:1px solid var(--line)}.event-icon{width:42px;height:42px;display:grid;place-items:center;background:#ff2bd611;border:1px solid #ff2bd63b;font-size:1.3rem}.event h3{font:700 11px var(--mono);letter-spacing:.04em;margin:0 0 8px;color:var(--pink)}.event blockquote{margin:0;color:#ded9e8;line-height:1.45}.event small{display:block;color:var(--muted);font:700 9px var(--mono);margin-top:8px}.event>strong{font:700 12px var(--mono);color:var(--cyan)}.feed-panel header button{border:1px solid var(--line);background:none;color:var(--cyan);font-size:1.3rem;cursor:pointer}.load-more{width:100%;padding:13px;border:1px solid var(--line);background:#ffffff05;color:var(--muted);font:700 10px var(--mono);cursor:pointer}.load-more:hover{color:var(--cyan);border-color:var(--cyan)}.empty{padding:50px 10px;text-align:center;color:var(--muted);font:700 11px/1.6 var(--mono)}.necessary h2{font-size:2.3rem;margin:5px 0 24px}.necessary dl{margin:0}.necessary dl div{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:16px 0}.necessary dt{font:700 9px var(--mono);color:var(--muted)}.necessary dd{margin:0;text-align:right;font-weight:900;color:var(--cyan)}.history{margin-bottom:90px}.history header{align-items:center}.history h2{font-size:2.3rem;margin:5px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line);font:700 10px var(--mono)}th{color:var(--pink);letter-spacing:.1em}td{color:#d2ccdb}tbody tr:hover{background:#ffffff04}.export-row{display:flex;justify-content:flex-end;gap:16px;margin-top:24px}.export-row a{color:var(--cyan);font:700 9px var(--mono);text-decoration:none;border-bottom:1px solid}.topbar+.ticker{}footer{text-align:center;border-top:1px solid var(--line);padding:48px 20px;color:var(--muted)}footer strong{color:var(--text)}footer p{font-size:.9rem}footer small{font:9px var(--mono)}dialog{width:min(720px,calc(100% - 24px));max-height:calc(100vh - 24px);padding:0;border:1px solid var(--pink);background:#0e0c16;color:var(--text);box-shadow:0 0 100px #ff2bd635;overflow:auto}dialog::backdrop{background:#05040ad9;backdrop-filter:blur(8px)}.melt-form{padding:clamp(25px,6vw,48px);position:relative}.close{position:absolute;right:18px;top:15px;border:0;background:none;color:var(--muted);font-size:2rem;cursor:pointer}.melt-form h2{font-size:clamp(2.5rem,7vw,4.5rem);line-height:.85;letter-spacing:-.06em;margin:15px 0 35px}.melt-form fieldset{border:0;padding:0;margin:0 0 28px}.melt-form legend,.melt-form>label{display:block;width:100%;font:700 10px var(--mono);letter-spacing:.1em;color:var(--cyan);margin-bottom:12px}.melt-form legend b,.melt-form label span{float:right;color:var(--muted);font-size:8px}.type-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.type-picker button{padding:12px;text-align:left;border:1px solid var(--line);background:#17131f;color:var(--text);font:700 10px var(--mono);cursor:pointer}.type-picker button.selected{border-color:var(--pink);background:#ff2bd619;color:var(--pink)}.severity-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.severity-picker button{padding:16px 5px;border:1px solid var(--line);background:#17131f;color:var(--text);font-size:1.5rem;cursor:pointer}.severity-picker button.selected{border-color:var(--cyan);box-shadow:inset 0 -3px var(--cyan);background:#25e8ff12}.melt-form fieldset p{font:700 9px var(--mono);color:var(--muted);margin:10px 0}.melt-form textarea,.melt-form input{display:block;width:100%;margin-top:10px;border:1px solid var(--line);background:#17131f;color:var(--text);padding:14px;font:inherit;resize:vertical}.melt-form textarea{min-height:95px}.melt-form input:focus,.melt-form textarea:focus{outline:2px solid var(--cyan);outline-offset:2px}.record-button{width:100%;border:0;background:linear-gradient(100deg,var(--pink),var(--purple));color:#fff;padding:17px;font-weight:900;cursor:pointer}.record-button:disabled{filter:grayscale(1);opacity:.4;cursor:not-allowed}.form-error{min-height:1em;color:#ff6d85;font:700 10px var(--mono)}.toast{position:fixed;right:24px;bottom:24px;max-width:360px;padding:17px 20px;background:#17131f;border:1px solid var(--cyan);box-shadow:0 0 30px #25e8ff2b;color:var(--text);font:700 11px/1.5 var(--mono);transform:translateY(150%);transition:.3s;z-index:20}.toast.show{transform:translateY(0)}.melt-bump .today-number span{animation:melt .75s ease}@keyframes melt{30%{transform:scale(1.35) rotate(8deg)}60%{transform:scale(.92) rotate(-6deg)}}
/* Deliberately oversized, three-step logging flow. */
dialog{width:min(960px,calc(100% - 24px))}
.melt-form{padding:clamp(38px,7vw,76px)}
.melt-form h2{font-size:clamp(3.2rem,8vw,5.8rem);margin:18px 0 48px}
.melt-form fieldset{margin-bottom:38px}
.melt-form legend,.melt-form>label{font-size:14px;line-height:1.5;margin-bottom:28px}
.type-picker{gap:16px}
.type-picker button{min-height:180px;padding:26px;display:grid;place-items:center;gap:10px;text-align:center;font-family:var(--sans);border-width:2px}
.type-picker button span{display:block;font-size:4.8rem;line-height:1;filter:drop-shadow(0 0 18px #ff2bd655)}
.type-picker button strong{display:block;font-size:1.35rem;letter-spacing:.02em}
.type-picker button.selected{box-shadow:inset 0 0 35px #ff2bd619,0 0 24px #ff2bd62b}
.melt-rating{padding:26px!important;border:1px solid var(--line)!important;background:#110e18}
.rating-readout{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px;margin-bottom:25px}
.rating-readout>strong{min-width:92px;font-size:5rem;line-height:.9;color:var(--pink);text-shadow:0 0 25px #ff2bd655}
.rating-readout div{display:flex;align-items:center;gap:14px}
.rating-readout span{font-size:2.5rem}
.rating-readout b{font-size:clamp(1rem,3vw,1.5rem);line-height:1.25}
.melt-rating input[type=range]{width:100%;height:14px;margin:0;appearance:none;border:0;background:linear-gradient(90deg,var(--cyan) 0 var(--rating,44.44%),#30283e var(--rating,44.44%) 100%);border-radius:20px;cursor:pointer}
.melt-rating input[type=range]::-webkit-slider-thumb{appearance:none;width:34px;height:34px;border:4px solid #fff;border-radius:50%;background:var(--pink);box-shadow:0 0 20px #ff2bd6}
.melt-rating input[type=range]::-moz-range-thumb{width:26px;height:26px;border:4px solid #fff;border-radius:50%;background:var(--pink);box-shadow:0 0 20px #ff2bd6}
.melt-rating input[type=range]:focus-visible{outline:3px solid var(--cyan);outline-offset:9px}
.rating-scale{display:flex;justify-content:space-between;margin-top:16px;color:var(--muted);font:700 9px/1.5 var(--mono)}
.rating-scale span:last-child{text-align:right;color:var(--pink)}
.melt-form textarea,.melt-form input{padding:19px;font-size:1.1rem;margin-top:13px}
.melt-form textarea{min-height:170px;line-height:1.5}
.record-button{padding:22px;font-size:1.1rem;letter-spacing:.04em}
.upload-field{display:block!important;cursor:pointer}
.upload-field>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.upload-field>.upload-box{float:none;clear:both;display:grid;width:100%;min-height:112px;grid-template-columns:58px 1fr;align-items:center;gap:5px 18px;margin:14px 0 0;padding:24px;border:2px dashed #51435f;background:#17131f;color:var(--text);font-size:inherit;transition:.2s}
.upload-box:hover,.upload-field:focus-within .upload-box{border-color:var(--cyan);background:#25e8ff0a}
.upload-box b{grid-row:1/3;font-size:2rem}
.upload-box strong{font-size:1rem;letter-spacing:.04em}
.upload-box small{font:10px/1.5 var(--mono);color:var(--muted)}
.upload-field.has-file>.upload-box{border-style:solid;border-color:var(--cyan);background:linear-gradient(90deg,#25e8ff0d,#ff2bd60b);box-shadow:inset 0 0 24px #25e8ff08}
.upload-preview{display:block;box-sizing:border-box;width:100%;max-height:360px;object-fit:contain;margin:-10px 0 30px;padding:12px;border:1px solid #463852;background:#07060b;box-shadow:0 12px 30px #0005}
.upload-preview[hidden]{display:none}
.event{width:100%;border-inline:0;border-bottom:0;background:transparent;color:inherit;text-align:left;font-family:inherit;cursor:pointer}
.event:hover{background:#ffffff04}
.event:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.event-image-badge{display:inline-block;margin-left:8px;color:var(--cyan)}
.detail-dialog{width:min(1040px,calc(100% - 24px))}
.detail-sheet{position:relative;padding:clamp(34px,6vw,68px)}
.detail-heading{display:flex;align-items:center;gap:22px;margin:28px 0}
.detail-heading>span{font-size:5rem;filter:drop-shadow(0 0 18px #ff2bd655)}
.detail-heading h2{margin:0;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.05em}
.detail-heading p{margin:8px 0 0;color:var(--muted);font:700 10px var(--mono);text-transform:uppercase}
.detail-sheet blockquote{margin:0 0 30px;padding:24px;border-left:4px solid var(--pink);background:#ff2bd609;font-size:clamp(1.2rem,3vw,1.8rem);line-height:1.45}
.detail-image-wrap{display:grid;place-items:center;min-height:220px;border:1px solid var(--line);background:#07060b;overflow:hidden}
.detail-image-wrap img{display:block;max-width:100%;max-height:65vh;object-fit:contain}
.detail-image-wrap img[hidden],.detail-image-wrap p[hidden]{display:none}
.detail-image-wrap p{color:var(--muted);font:700 11px var(--mono)}
.history-empty{text-align:center!important;padding:48px 20px!important;color:var(--muted)!important;letter-spacing:.08em}

@media(max-width:950px){.hero,.analytics-grid,.feed-grid{grid-template-columns:1fr}.hero{padding-top:70px}.today-card{min-height:390px}.kpi-grid,.long-kpis{grid-template-columns:repeat(2,1fr)}.kpi-grid article:nth-child(2),.long-kpis article:nth-child(2){border-right:0}.kpi-grid article:nth-child(-n+2),.long-kpis article:nth-child(-n+2){border-bottom:1px solid var(--line)}.record{grid-template-columns:auto 1fr}.record-date{grid-column:1/-1;text-align:left;padding-top:20px;border-top:1px solid var(--line)}}
@media(max-width:600px){main{width:min(100% - 24px,1380px)}.topbar{padding:0 12px}.signal{display:none}.hero{padding-bottom:45px}.hero h1{font-size:3.65rem}.melt-button{width:100%}.today-card{padding:24px;min-height:350px}.today-number strong{font-size:7rem}.kpi-grid,.long-kpis{grid-template-columns:1fr}.kpi-grid article,.long-kpis article{border-right:0;border-bottom:1px solid var(--line)!important}.gauge-section,.analytics-grid .panel,.feed-panel,.necessary,.history{padding:20px}.gauge-section,.analytics-section,.record,.feed-grid,.history{margin-bottom:55px}.record{grid-template-columns:1fr}.trophy{font-size:3rem}.record-date{grid-column:auto}.history header{display:block}.history-range{margin-top:15px;width:max-content}.export-row{flex-direction:column;align-items:flex-start}.type-picker{grid-template-columns:1fr}.severity-picker button{font-size:1.2rem;padding:13px 2px}.event{grid-template-columns:42px 1fr}.event>strong{grid-column:2}.toast{left:12px;right:12px;bottom:12px}.back{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}