:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f2f7f4;background:#07120f;color-scheme:dark;--mint:#75e0b3;--card:#10201b;--line:#294038}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#183d31 0,transparent 32%),#07120f}.shell{max-width:760px;margin:auto;min-height:100dvh;padding:env(safe-area-inset-top) 18px calc(112px + env(safe-area-inset-bottom))}header{height:96px;display:flex;align-items:center;justify-content:space-between}h1{font-size:25px;margin:4px 0}.eyebrow{font-size:10px;letter-spacing:.24em;color:var(--mint);font-weight:800}.sync{border:1px solid var(--line);background:#10201bcc;border-radius:99px;padding:10px 13px;color:#b8ccc4}.sync i{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%}button{min-height:44px;color:inherit;font:inherit;border:0;background:transparent;cursor:pointer}.notice{padding:12px 14px;border:1px solid #7c6031;background:#382b16;border-radius:12px;margin-bottom:16px}.notice button{float:right;min-height:auto}.hero{display:flex;justify-content:space-between;align-items:end;padding:18px 0 26px}.hero p{font-size:20px;line-height:1.6;margin:0}.date{font-size:15px;font-weight:700}.date span{display:block;color:#89a097;font-size:12px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px}.section-title h2,h2{font-size:17px}.section-title a{color:var(--mint);font-size:13px}mark{background:var(--mint);border-radius:99px;padding:2px 8px;margin-left:5px}.pending,.cross,.timeline,.tank,.result,.breeding,.setting button{background:linear-gradient(135deg,#142821,#0e1b17);border:1px solid var(--line);border-radius:16px;padding:16px}.pending>span{color:#ffd080;font-size:11px;font-weight:800}.pending h3{margin:10px 0 2px}.pending p{color:#b8ccc4}.choice{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.choice button,.toolbar button,.result button{background:#233a32;border-radius:10px}.later{width:100%;color:#8ea69d}.timeline{padding:5px 16px}.timeline div{display:flex;border-bottom:1px solid var(--line);padding:10px 0}.timeline div:last-child{border:0}.timeline time{width:64px;color:var(--mint);font-size:12px}.timeline p{margin:0}.cross,.breeding{display:flex;flex-direction:column;gap:6px}.cross span,.breeding span,.breeding small{color:#91a69e}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:10px 0 16px}.toolbar button{background:var(--mint);color:#062016;font-weight:800;padding:0 18px}.toolbar span,.muted{color:#8fa49c}.tank-grid{display:grid;gap:10px}.tank{display:grid;grid-template-columns:66px 1fr 30px;align-items:center}.tank-photo{width:58px;height:58px;background:linear-gradient(145deg,var(--c),#0c1915);border-radius:14px;display:grid;place-content:center;text-align:center}.tank-photo strong{font-size:25px}.tank-photo span{font-size:10px}.tank h3{margin:0 0 5px}.tank p,.tank small{margin:0;color:#a7bab3}.tank>button{font-size:28px}.search,textarea{width:100%;background:#10201b;border:1px solid #3a534a;border-radius:13px;padding:14px;color:#fff;font-size:16px}.result div{display:flex;gap:8px;margin-top:12px}.result span{display:block;color:#9db2aa;margin-top:5px}.result button{padding:0 12px;min-height:38px}.breeding{position:relative;margin-bottom:10px}.breeding button{position:absolute;right:10px;top:20px;color:var(--mint)}.setting{margin:0}.setting h2{color:#91a69e;margin:20px 4px 7px}.setting button{width:100%;display:flex;justify-content:space-between;text-align:left;margin-bottom:8px}.setting small{display:block;color:#91a69e;margin-top:4px}.setting i{font-size:25px}.version{text-align:center;color:#70857d;font-size:12px;margin:30px}nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translate(-50%);width:min(760px,100%);height:76px;padding:4px 8px env(safe-area-inset-bottom);background:#0a1714f2;border-top:1px solid var(--line);display:flex;justify-content:space-around;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}nav button{font-size:10px;color:#789087;display:flex;flex-direction:column;align-items:center;min-width:54px}nav b{font-size:22px;line-height:28px}nav .selected{color:var(--mint)}.mic{position:fixed;z-index:7;bottom:55px;left:50%;transform:translate(-50%);width:72px;height:72px;border-radius:50%;background:var(--mint);color:#062016;border:7px solid #07120f;box-shadow:0 4px 22px #000;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px}.mic span{font-size:10px;font-weight:800}.mic.active{background:#ff806f}.voice-sheet{position:fixed;z-index:10;bottom:0;left:50%;transform:translate(-50%);width:min(760px,100%);max-height:80dvh;overflow:auto;background:#13251f;border:1px solid #3b574d;border-radius:22px 22px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px #0009}.voice-sheet label{font-weight:800}.voice-sheet textarea{margin-top:8px;min-height:84px}.actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.actions button{padding:0 15px;background:#293d36;border-radius:10px}.actions .primary{background:var(--mint);color:#062016;font-weight:800}.command{padding:12px;margin:8px 0;background:#0a1814;border-radius:12px;display:flex;flex-direction:column;gap:5px}.command span{color:#c5d5cf}.command em{color:#ffd080;font-style:normal;font-size:12px}@media(min-width:900px){.shell{max-width:1100px;padding-left:220px}.shell header,.shell main{max-width:820px;margin:auto}nav{left:0;transform:none;top:0;width:180px;height:100dvh;flex-direction:column;justify-content:center;border-right:1px solid var(--line);border-top:0}nav button{font-size:14px;flex-direction:row;gap:15px}.mic{left:90px;bottom:35px}.tank-grid{grid-template-columns:1fr 1fr}}.error{padding:12px 14px;border:1px solid #9b4b4b;background:#461e1e;border-radius:12px;margin-bottom:16px}.error button{float:right;min-height:auto}.setup-state{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:14px;border:1px solid #80662e;background:#302816;border-radius:14px;margin-bottom:14px}.setup-state span{color:#d4c59e;font-size:13px}.setup-state button{grid-column:2;grid-row:1/3;color:#ffe097}.setup-inline{border-left:4px solid #d4a83c;padding-left:12px;color:#ffe097}.setup-inline p{color:#cbbf9f}.primary{background:var(--mint)!important;color:#062016!important;font-weight:800;padding:0 16px;border-radius:10px}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.empty{border:1px dashed #3b574d;border-radius:16px;padding:28px;text-align:center;color:#9fb4ac}.tank.paused{opacity:.7}.tank.retired{opacity:.45}.detail{background:var(--card);border:1px solid var(--line);border-radius:14px;margin:10px 0;padding:12px}.detail summary{font-weight:800;cursor:pointer;min-height:44px}.occupant{display:grid;gap:7px;border-top:1px solid var(--line);padding:12px 0}.occupant span{color:#a8bbb4}.occupant button{justify-self:start;background:#233a32;border-radius:8px;padding:0 12px}.danger{color:#ff9c91!important}.settings section{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px}.settings label,.modal label{display:grid;gap:6px;margin:12px 0;color:#b9ccc5}.settings input,.modal input,.modal select{width:100%;min-height:44px;background:#0a1714;border:1px solid #3a534a;border-radius:9px;padding:9px;color:#fff;font-size:16px}.settings label input[type=checkbox],.modal label input[type=checkbox]{width:auto}.modal{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;align-items:end}.modal form{width:min(600px,100%);max-height:92dvh;overflow:auto;margin:0 auto;background:#13251f;border-radius:22px 22px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom))}.modal h2{font-size:21px}.file-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:0 14px;margin:0!important;background:#293d36;border-radius:10px;color:#fff!important;font-weight:800;cursor:pointer}.file-button input{position:absolute;width:1px!important;height:1px;min-height:0!important;opacity:0;pointer-events:none}.media-grid{display:grid;gap:10px}.media-grid article{display:grid;gap:8px}.media-grid button{justify-self:start;background:#293d36;border-radius:9px;padding:0 12px}.group-media{border-top:1px solid var(--line);padding-top:10px}.group-media summary{color:#b9ccc5;font-size:13px;cursor:pointer;min-height:36px}.group-media-body{display:grid;gap:8px;padding:8px 0}.group-media-body>b{font-size:12px;color:#9fb4ac}.media-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0a1714;border-radius:9px;padding:7px 10px;font-size:12px}.media-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-row button{min-height:34px;min-width:34px;background:#293d36;border-radius:8px;color:#ffe097}.group-profile{border-top:1px solid var(--line);padding-top:10px}.group-profile summary{color:#b9ccc5;font-size:13px;cursor:pointer;min-height:36px}.group-profile-body{display:grid;gap:6px;padding:8px 0;font-size:13px;color:#a8bbb4}.group-profile-body div{display:grid;gap:4px;margin-top:4px}.group-profile-body b{font-size:12px;color:#9fb4ac}.group-profile-body p{margin:0;padding:8px 10px;background:#0a1714;border-radius:9px;color:#d6e4de}.group-profile-body small{display:block;color:#8fa49c;margin-top:3px}.group-profile-body .group-profile-actions{display:flex;gap:8px;margin-top:6px}.group-profile-actions button{min-height:38px;background:#293d36;border-radius:8px;padding:0 12px}.voice-listening{display:flex;align-items:center;gap:10px;margin:8px 0 12px;padding:13px;background:#18392f;border:1px solid #4d9b7d;border-radius:12px;color:#d6f8e8;font-weight:800}.voice-pulse{width:11px;height:11px;background:#75e0b3;border-radius:50%;box-shadow:0 0 #75e0b3;animation:voice-pulse 1.35s infinite}@keyframes voice-pulse{70%{box-shadow:0 0 0 11px transparent}to{box-shadow:0 0 0 0 transparent}}.voice-transcript-label{display:block;margin-top:10px;color:#b9ccc5;font-size:13px;font-weight:800}