.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 0%,rgba(200,133,58,.08),transparent 32%),#0b0c0d;color:#f2efea}.auth-panel{width:min(100%,390px);border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(180deg,#ffffff0a,#ffffff04),#141618;box-shadow:inset 0 1px #ffffff0a,0 24px 70px #00000073;overflow:hidden}.auth-brand{min-height:76px;padding:18px 20px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.07)}.auth-brand-line{width:3px;height:30px;background:#c8853a}.auth-brand strong{display:block;font-size:16px;letter-spacing:.16em}.auth-brand span:last-child{display:block;margin-top:3px;color:#6f6b66;font-size:9px;letter-spacing:.18em}.auth-checking,.auth-form{padding:30px 22px 24px}.auth-checking{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#a8a29b}.auth-checking strong{margin-top:14px;color:#f2efea}.auth-checking span{margin-top:6px;font-size:12px;color:#6f6b66}.auth-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(200,133,58,.24);border-radius:16px;background:#c8853a0f;color:#c8853a}.auth-kicker{margin:24px 0 5px;color:#6f6b66;font-size:10px;font-weight:650;letter-spacing:.18em}.auth-form h1{margin:0;font-size:28px;letter-spacing:-.03em}.auth-copy{margin:10px 0 24px;color:#a8a29b;font-size:13px;line-height:1.7}.auth-form label>span{display:block;margin-bottom:8px;color:#a8a29b;font-size:12px}.auth-input-wrap{height:54px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0e1011;color:#6f6b66}.auth-input-wrap:focus-within{border-color:#c8853a8c;box-shadow:0 0 0 3px #c8853a14}.auth-input-wrap input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#f2efea;padding:0}.auth-error{margin-top:12px;padding:11px 12px;border-left:2px solid #a8483c;background:#a8483c14;color:#caa49f;font-size:12px;line-height:1.5}.auth-submit{width:100%;min-height:56px;margin-top:18px;border:1px solid rgba(200,133,58,.38);border-radius:15px;background:linear-gradient(180deg,#d09149,#b97431);color:#17120d;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:700;cursor:pointer}.auth-submit:disabled{opacity:.42;cursor:not-allowed}:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Noto Sans TC,sans-serif;background:#0b0c0d;color:#f2efea;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0b0c0d;--raised: #141618;--raised-2: #1c1f22;--line: rgba(255,255,255,.08);--line-strong: rgba(255,255,255,.18);--text: #f2efea;--secondary: #a8a29b;--tertiary: #6f6b66;--accent: #c8853a;--ok: #4e8f6a;--wait: #b08a2e;--alert: #a8483c}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;background:var(--bg)}body{min-width:320px;overscroll-behavior-y:none}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-frame{min-height:100dvh;background:radial-gradient(circle at 50% -10%,rgba(255,255,255,.04),transparent 34%),var(--bg)}.app-main{width:min(100%,520px);min-height:100dvh;margin:0 auto;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.screen{padding:calc(10px + env(safe-area-inset-top)) 16px 28px;animation:screen-in .22s cubic-bezier(.2,0,.2,1)}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.brand-bar{height:56px;display:flex;align-items:center;justify-content:space-between}.brand-lockup{display:flex;align-items:center;gap:10px}.brand-mark{width:3px;height:28px;background:var(--accent);box-shadow:0 0 0 1px #c8853a26}.brand-lockup strong{display:block;font-size:16px;letter-spacing:.16em;font-weight:700}.brand-lockup span:last-child{display:block;margin-top:2px;color:var(--tertiary);font-size:9px;letter-spacing:.18em}.icon-button{width:44px;height:44px;padding:0;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff09,#ffffff03);display:grid;place-items:center;cursor:pointer}.icon-button:active{transform:scale(.98);background:#ffffff0d}.company-switcher{margin-top:10px;padding:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border:1px solid var(--line);border-radius:15px;background:#ffffff05}.company-pill{min-width:0;min-height:58px;padding:9px 7px;border:1px solid transparent;border-radius:11px;background:transparent;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.company-pill span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:650;color:var(--secondary)}.company-pill small{display:block;margin-top:5px;color:var(--tertiary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;letter-spacing:.1em}.company-pill.is-active{border-color:#c8853a45;background:linear-gradient(180deg,#c8853a1f,#c8853a0b);box-shadow:inset 0 1px #ffffff0a}.company-pill.is-active span{color:var(--text)}.company-pill.is-active small{color:var(--accent)}.company-pill:active{transform:scale(.98)}.hero-copy{padding:24px 0 18px}.eyebrow,.label{color:var(--tertiary);font-size:11px;letter-spacing:.16em;font-weight:600;text-transform:uppercase}.hero-copy h1,.page-heading h1{margin:5px 0 0;font-size:28px;line-height:1.18;letter-spacing:-.03em;font-weight:650}.page-heading{padding:26px 0 18px}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.action-tile{min-height:118px;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#ffffff0b,#ffffff05),var(--raised);box-shadow:inset 0 1px #ffffff0a,0 1px 2px #0009;cursor:pointer;text-align:left;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.action-tile:after{content:"";position:absolute;left:16px;top:0;width:34px;height:1px;background:#c8853a99}.action-tile>svg:first-child{color:#d8d2ca}.action-copy{display:block;padding-right:16px}.action-copy strong{display:block;font-size:17px;line-height:22px;font-weight:650;letter-spacing:-.01em}.action-copy small{display:block;margin-top:3px;color:var(--tertiary);font-size:11px;line-height:16px}.action-arrow{position:absolute;right:14px;bottom:14px;color:var(--tertiary)}.action-tile:active{transform:scale(.98);border-color:var(--line-strong);background-color:#181a1c}.stat-strip{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#ffffff05}.stat-strip-five{grid-template-columns:repeat(5,minmax(74px,1fr));overflow-x:auto;scrollbar-width:none}.stat-strip-five::-webkit-scrollbar{display:none}.stat-item{min-height:76px;border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px 11px}.stat-item:last-child{border-right:0}.stat-item>span:last-child{margin-top:5px;color:var(--tertiary);font-size:10px;white-space:nowrap}.stat-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-variant-numeric:tabular-nums;font-size:24px;line-height:1;font-weight:650;letter-spacing:.02em}.tone-alert{color:#c76458}.tone-wait{color:#c7a347}.tone-ok{color:#6aa17e}.tone-neutral{color:#8d8983}.tone-bg-alert{background:var(--alert)}.tone-bg-wait{background:var(--wait)}.tone-bg-ok{background:var(--ok)}.operations-section{margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-heading h2{margin:0;font-size:14px;font-weight:600;color:#cfc9c1}.section-scope{color:var(--tertiary);font-size:10px;letter-spacing:.08em}.text-button{min-height:44px;padding:0 4px;border:0;background:transparent;color:var(--accent);font-size:13px;cursor:pointer}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.module-tile{min-height:76px;padding:11px;display:grid;grid-template-columns:38px 1fr 16px;gap:9px;align-items:center;border:1px solid var(--line);border-radius:15px;background:#ffffff05;text-align:left;cursor:pointer}.module-tile:active{transform:scale(.985);border-color:var(--line-strong)}.module-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;border:1px solid rgba(200,133,58,.14);background:#c8853a0e;color:#c9b296}.module-icon.large{width:52px;height:52px;border-radius:14px}.module-copy{min-width:0}.module-copy strong{display:block;font-size:14px;font-weight:650}.module-copy small{display:block;margin-top:4px;color:var(--tertiary);font-size:9.5px;line-height:1.35}.recent-section{margin-top:24px}.task-stack{display:grid;gap:10px}.task-card{min-height:92px;display:grid;grid-template-columns:64px 1fr 18px;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--line);background:var(--raised);box-shadow:inset 0 1px #ffffff08}.task-thumb{width:64px;height:64px;border-radius:12px;background:var(--raised-2);border:1px solid rgba(255,255,255,.055);display:grid;place-items:center;color:var(--secondary)}.task-copy{min-width:0}.task-copy>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight:600}.mono-meta{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-variant-numeric:tabular-nums;letter-spacing:.03em}.task-copy>.mono-meta{display:block;color:var(--tertiary);margin-top:5px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-line{display:flex;align-items:center;gap:6px;margin-top:7px;color:var(--secondary);font-size:11px}.status-dot{width:6px;height:6px;border-radius:99px}.muted{color:var(--tertiary)}.empty-card,.empty-state-large{border:1px dashed rgba(255,255,255,.09);border-radius:16px;color:var(--secondary);background:#ffffff03}.empty-card{min-height:88px;padding:16px;display:flex;align-items:center;gap:12px}.empty-card strong,.empty-state-large strong{display:block;color:#d8d2ca;font-size:14px}.empty-card span,.empty-state-large span{display:block;margin-top:4px;color:var(--tertiary);font-size:12px;line-height:18px}.empty-state-large{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.empty-state-large svg{color:var(--tertiary);margin-bottom:14px}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:0;transform:translate(-50%);width:min(100%,520px);min-height:calc(62px + env(safe-area-inset-bottom));padding:6px 10px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#0b0c0df0;-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%)}.nav-item{min-height:56px;border:0;background:transparent;color:var(--tertiary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;cursor:pointer}.nav-item.is-active{color:var(--accent)}.instrument-card,.advanced-card,.form-card,.preview-card{border:1px solid var(--line);border-radius:18px;background:var(--raised);box-shadow:inset 0 1px #ffffff09}.instrument-card{padding:18px}.instrument-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.instrument-row strong{display:block;margin-top:5px;font-size:18px;font-weight:600}.system-lamp{width:14px;height:14px;border-radius:99px;display:grid;place-items:center}.lamp-online{background:var(--ok);box-shadow:0 0 0 5px #4e8f6a17}.lamp-offline{background:var(--alert);box-shadow:0 0 0 5px #a8483c14}.lamp-loading{width:26px;height:26px;color:var(--secondary)}.divider{height:1px;background:var(--line);margin:18px 0}.system-list{display:grid;gap:12px;margin:0}.system-list>div{display:flex;justify-content:space-between;gap:12px}.system-list dt{color:var(--secondary);font-size:13px}.system-list dd{margin:0;color:var(--tertiary);font-size:12px;text-align:right}.advanced-card{margin-top:12px;padding:16px}.advanced-card p{color:var(--secondary);font-size:13px;line-height:1.7}.secondary-button,.primary-button{width:100%;min-height:56px;margin-top:18px;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:650;cursor:pointer}.secondary-button{border:1px solid var(--line-strong);background:#ffffff06}.primary-button{border:1px solid rgba(200,133,58,.38);background:linear-gradient(180deg,#d09149,#b97431);color:#17120d;box-shadow:inset 0 1px #ffffff40,0 4px 18px #00000047}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){transform:scale(.985)}.top-back{height:56px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center}.top-back strong{font-size:16px;font-weight:600}.intake-screen{min-height:100dvh}.preview-card{margin-top:14px;min-height:250px;overflow:hidden;position:relative;display:grid;place-items:center}.preview-card img{width:100%;max-height:46vh;object-fit:contain;display:block;background:#090a0b}.file-preview{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--secondary);padding:28px;text-align:center}.form-card{margin-top:12px;padding:16px;display:grid;gap:16px}.form-card label>span{display:block;margin-bottom:7px;color:var(--secondary);font-size:12px}input,textarea{width:100%;border-radius:12px;border:1px solid var(--line);background:#0f1113;color:var(--text);padding:13px 14px;caret-color:var(--accent)}input::placeholder,textarea::placeholder{color:#5f5c58}textarea{resize:vertical;line-height:1.55}.result-message{margin-top:12px;border-left:2px solid var(--accent);background:#c8853a0f;padding:12px 14px;color:var(--secondary);font-size:12px;line-height:1.6}.truth-note{margin:12px 2px 0;color:var(--tertiary);font-size:10.5px;line-height:1.6}.company-badge{margin:10px 0 14px;min-height:38px;padding:8px 11px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:#ffffff05}.company-badge strong{font-size:12px;font-weight:650}.company-badge small{margin-left:auto;color:var(--tertiary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.06em}.operation-hero{min-height:92px;display:flex;align-items:center;gap:14px;padding:12px 2px 2px}.operation-hero h1{margin:5px 0 0;font-size:20px;line-height:1.25;letter-spacing:-.02em;font-weight:620}.operation-form{margin-top:14px}.operation-submit{margin-top:2px}.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}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:700px){.app-frame{padding:18px 0}.app-main{border-left:1px solid rgba(255,255,255,.035);border-right:1px solid rgba(255,255,255,.035)}}@media(max-width:380px){.company-pill span{font-size:11px}.module-grid{grid-template-columns:1fr}.stat-strip-five{grid-template-columns:repeat(5,72px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.action-tile:active,.module-tile:active,.company-pill:active,.primary-button:active,.secondary-button:active,.icon-button:active{transform:none}}
