:root{--bg:#050713;--bg2:#0b1024;--surface:rgba(18,25,53,.72);--surface-solid:#111936;--line:rgba(137,164,255,.18);--text:#f3f6ff;--muted:#a2acc7;--blue:#6c8cff;--cyan:#34dcff;--violet:#9b7bff;--green:#48e5ac;--red:#ff708d;--radius:20px;--shadow:0 22px 70px rgba(0,0,0,.36)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;background:radial-gradient(900px 520px at 14% -5%,rgba(92,107,255,.24),transparent 62%),radial-gradient(760px 480px at 92% 15%,rgba(30,211,255,.16),transparent 64%),var(--bg)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(137,164,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(137,164,255,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 78%)}.container{width:min(1160px,calc(100% - 40px));margin:auto}a{color:var(--cyan);text-decoration:none}.site-header{position:sticky;z-index:20;top:0;border-bottom:1px solid var(--line);background:rgba(5,7,19,.7);backdrop-filter:blur(20px)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800;letter-spacing:-.04em;font-size:1.14rem}.logo-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(91,219,255,.4);border-radius:11px;background:linear-gradient(135deg,rgba(52,220,255,.24),rgba(155,123,255,.25));box-shadow:0 0 26px rgba(52,220,255,.2)}.logo strong{color:var(--cyan)}.main-nav{display:flex;align-items:center;gap:8px}.main-nav a{color:var(--muted);font-size:.9rem;font-weight:700;padding:9px 12px;border-radius:10px;transition:.2s ease}.main-nav a:hover,.main-nav a.active{color:var(--text);background:rgba(120,145,255,.13)}.hero{position:relative;overflow:hidden;text-align:center;padding:106px 0 92px;border-bottom:1px solid var(--line);isolation:isolate}.hero:before,.hero:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(7px);opacity:.75}.hero:before{width:500px;height:500px;top:-280px;left:-120px;background:radial-gradient(circle,rgba(112,124,255,.3),transparent 68%)}.hero:after{width:560px;height:560px;right:-200px;bottom:-390px;background:radial-gradient(circle,rgba(30,211,255,.23),transparent 66%)}.hero.small-hero{padding:66px 0 58px}.eyebrow,.section-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(85,210,255,.3);border-radius:999px;color:#91ecff;background:rgba(30,211,255,.08);font-weight:800;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.hero h1{max-width:870px;margin:18px auto 14px;font-size:clamp(2.25rem,5.2vw,4.8rem);line-height:1.02;letter-spacing:-.065em}.hero.small-hero h1{font-size:clamp(2rem,4vw,3.4rem)}.lead{max-width:700px;margin:0 auto;color:var(--muted);font-size:1.06rem}.section{padding:70px 0}.section h2{letter-spacing:-.04em;font-size:1.55rem}.calc-grid,.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.card,.table-wrap,.stat-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(26,35,73,.78),rgba(11,16,38,.8));box-shadow:var(--shadow)}.card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.7}.card{padding:30px}.calc-card{min-height:390px}.card-icon{font-size:2.2rem;margin-bottom:12px;filter:drop-shadow(0 8px 16px rgba(52,220,255,.24))}.card h2{margin:0 0 9px;color:#fff}.hint,.muted,.meta{color:var(--muted)}.hint{font-size:.92rem}.hint code,p code{padding:2px 7px;border:1px solid rgba(105,140,255,.23);border-radius:7px;color:#b7e9ff;background:rgba(6,11,29,.7);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.calc-form{display:flex;flex-direction:column;gap:10px;margin-top:22px}.calc-form label{font-size:.82rem;font-weight:800;letter-spacing:.02em}.calc-form input,.calc-form textarea,.calc-form select,select.status-select{width:100%;border:1px solid rgba(133,154,224,.24);border-radius:12px;background:rgba(4,7,20,.65);color:var(--text);padding:13px 14px;font:inherit;transition:border-color .2s,box-shadow .2s,background .2s}.calc-form input:focus,.calc-form textarea:focus,.calc-form select:focus,select.status-select:focus{outline:0;border-color:var(--cyan);background:rgba(6,11,28,.92);box-shadow:0 0 0 4px rgba(52,220,255,.12)}.calc-form input[type=text],.calc-form input:not([type]){text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.calc-form textarea{min-height:110px;resize:vertical;text-transform:none!important}.btn{position:relative;overflow:hidden;border:0;border-radius:12px;padding:12px 18px;cursor:pointer;font:inherit;font-weight:850;letter-spacing:.01em;transition:transform .2s,box-shadow .2s,filter .2s}.btn-primary{color:#061120;background:linear-gradient(135deg,#80edff,#6985ff 54%,#a47cff);box-shadow:0 12px 28px rgba(80,133,255,.28)}.btn-outline{border:1px solid rgba(106,199,255,.48);color:#a8edff;background:rgba(52,220,255,.06)}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn:disabled{cursor:wait;opacity:.62;transform:none}.result-box{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(3,7,20,.58)}.result-box.valid{border-color:rgba(72,229,172,.6);background:rgba(30,178,126,.09)}.result-box.invalid,.result-box.error{border-color:rgba(255,112,141,.6);background:rgba(255,72,105,.09)}.result-row{display:flex;justify-content:space-between;gap:18px;padding:7px 0;border-bottom:1px dashed rgba(160,179,244,.16)}.result-row:last-child{border:0}.result-row .label{color:var(--muted)}.result-row .value,.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800;color:#b4f1ff}.status-badge,.badge-status,.tag{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:.74rem;font-weight:850}.status-badge.valid{color:#a1ffd4;background:rgba(72,229,172,.14)}.status-badge.invalid{color:#ffb5c3;background:rgba(255,112,141,.13)}.recent-list{display:grid;gap:10px;margin-top:20px}.recent-item{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;border:1px solid var(--line);border-radius:15px;background:rgba(14,20,46,.65)}.recent-item .meta{margin-left:auto;font-size:.83rem}.tag{color:#a8edff;background:rgba(52,220,255,.11);border:1px solid rgba(52,220,255,.19)}.filter-bar{display:flex;flex-wrap:wrap;gap:9px}.check-list{list-style:none;padding:0}.check-list li{position:relative;padding:9px 0 9px 28px}.check-list li:before{content:"\2726";position:absolute;left:0;color:var(--cyan)}.star-rating{display:flex;gap:6px;font-size:1.85rem;color:#34405f;cursor:pointer}.star-rating span.active{color:#ffe17d;text-shadow:0 0 16px rgba(255,212,97,.38)}.login-wrap{display:grid;place-items:center;min-height:calc(100vh - 210px);padding:70px 20px}.login-card{width:min(440px,100%)}.login-card h1,.login-card .lead{text-align:center}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stat-card{padding:20px}.stat-card .num{font-size:2rem;font-weight:900;color:#b5f1ff}.stat-card .label{font-size:.82rem;color:var(--muted)}.table-wrap{padding:20px;overflow:auto}.feedback-table{width:100%;border-collapse:collapse;min-width:720px}.feedback-table th,.feedback-table td{padding:13px 11px;text-align:left;border-bottom:1px solid rgba(137,164,255,.13);vertical-align:top}.feedback-table th{color:var(--muted);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.badge-status.new{color:#a8edff;background:rgba(52,220,255,.12)}.badge-status.read{color:#c9d0e6;background:rgba(162,172,199,.13)}.badge-status.archived{color:#ffb5c3;background:rgba(255,112,141,.12)}.stars-display{color:#ffe17d}.site-footer{border-top:1px solid var(--line);padding:34px 0;margin-top:30px;background:rgba(3,5,15,.5)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--muted);font-size:.85rem}.skeleton{height:54px;border-radius:14px;background:linear-gradient(100deg,rgba(26,36,75,.55) 30%,rgba(77,101,180,.2) 45%,rgba(26,36,75,.55) 60%);background-size:240% 100%}

/* ISO: 10 Kästchen */
#container-inputs.input-group{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin-top:10px}
/* UIC: 11 Kästchen */
#uic-inputs.input-group{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;margin-top:10px}
.input-cell{display:flex;flex-direction:column;align-items:center;gap:4px}
.input-cell input{width:100%;aspect-ratio:1/1.1;text-align:center;font-size:1.1rem;font-weight:800;border:1.5px solid rgba(133,154,224,.28);border-radius:8px;background:rgba(4,7,20,.7);color:var(--text);transition:border-color .2s,box-shadow .2s,transform .15s}
.input-cell input:focus{outline:0;border-color:var(--cyan);background:rgba(6,11,28,.95);box-shadow:0 0 0 3px rgba(52,220,255,.12);transform:translateY(-1px)}
.input-cell input:hover{border-color:rgba(133,154,224,.45)}
.input-example{font-size:.68rem;color:var(--muted);font-weight:700;letter-spacing:.04em;text-transform:uppercase}

@media(max-width:760px){#container-inputs.input-group{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}#uic-inputs.input-group{grid-template-columns:repeat(11,minmax(0,1fr));gap:4px}.input-cell input{font-size:1rem;border-radius:6px}.header-inner{min-height:68px;align-items:flex-start;padding:12px 0}.main-nav{max-width:58%;overflow-x:auto;padding-bottom:3px}.main-nav a{white-space:nowrap;padding:7px 9px}.hero{padding:78px 0 68px}.section{padding:48px 0}.calc-grid,.info-grid,.admin-stats{grid-template-columns:1fr}.card{padding:23px}.recent-item .meta{width:100%;margin-left:0}.admin-header{align-items:flex-start;flex-direction:column}.container{width:min(100% - 28px,1160px)}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.input-cell input{transition:none}}

@media(max-width:760px){.header-inner{min-height:68px;align-items:flex-start;padding:12px 0}.main-nav{max-width:58%;overflow-x:auto;padding-bottom:3px}.main-nav a{white-space:nowrap;padding:7px 9px}.hero{padding:78px 0 68px}.section{padding:48px 0}.calc-grid,.info-grid,.admin-stats{grid-template-columns:1fr}.card{padding:23px}.recent-item .meta{width:100%;margin-left:0}.admin-header{align-items:flex-start;flex-direction:column}.container{width:min(100% - 28px,1160px)}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}