*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}html{background:#f8fbff}body{overflow:hidden;font-family:Inter,ui-rounded,Hiragino Sans,Yu Gothic,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#0f172a;-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible{outline:3px solid #0ea5e9;outline-offset:3px}.app-shell{position:relative;width:100vw;height:100dvh;min-height:100dvh;overflow:hidden;background:linear-gradient(145deg,#eff8ff,#fff 48%,#fff9e7);user-select:none}.scene{position:absolute;inset:0;cursor:grab;touch-action:none}.scene:active{cursor:grabbing}.scene:focus-visible{outline:4px solid rgba(14,165,233,.75);outline-offset:-6px}.top-bar{position:absolute;z-index:10;top:0;left:0;right:0;display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:12px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;pointer-events:none}.brand-card,.value-card,.mode-switch{pointer-events:auto;border:1px solid rgba(186,230,253,.9);background:#ffffffe6;box-shadow:0 14px 40px #0f172a1f;backdrop-filter:blur(16px)}.brand-card{display:flex;align-items:center;width:max-content;max-width:min(100%,470px);gap:10px;padding:8px 13px 8px 8px;border-radius:22px}.guide-portrait{display:grid;place-items:center;flex:0 0 auto;width:62px;height:62px;overflow:hidden;border-radius:19px;border:1px solid rgba(255,255,255,.95);background:linear-gradient(135deg,#dff5ff,#fff8de);box-shadow:inset 0 0 0 1px #0ea5e914}.guide-portrait img{width:100%;height:100%;object-fit:contain}.guide-portrait svg{width:30px;height:30px;color:#0284c7}.brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.15}.brand-copy .eyebrow{color:#0369a1;font-size:11px;font-weight:900;letter-spacing:.08em}.brand-copy strong{margin-top:3px;font-size:19px;font-weight:950;letter-spacing:-.02em}.guide-line{margin-top:4px;overflow:hidden;color:#64748b;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.value-card{display:flex;align-items:baseline;gap:10px;padding:10px 18px;border-radius:20px}.value-card span{color:#64748b;font-size:12px;font-weight:900}.value-card strong{color:#b45309;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(24px,3vw,34px);font-weight:950;font-variant-numeric:tabular-nums}.mode-switch{display:flex;gap:5px;padding:5px;border-radius:18px}.mode-switch button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:6px;border:0;border-radius:13px;padding:0 14px;background:transparent;color:#64748b;font-size:12px;font-weight:900;cursor:pointer}.mode-switch button svg{width:16px;height:16px}.mode-switch button.active{background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;box-shadow:0 8px 20px #2563eb3b}.division-controls{position:absolute;z-index:10;bottom:max(24px,env(safe-area-inset-bottom));left:50%;display:grid;width:min(94vw,580px);grid-template-columns:1fr auto 1fr;gap:10px;transform:translate(-50%)}.division-controls button{min-height:56px;border:0;border-radius:20px;font-size:15px;font-weight:950;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.division-controls button:active:not(:disabled){transform:scale(.98)}.division-controls button:disabled{cursor:not-allowed;opacity:.34}.secondary-action{border:1px solid #cbd5e1!important;background:#fffffff0;color:#334155;box-shadow:0 12px 32px #0f172a1f}.primary-action{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#422006;box-shadow:0 14px 34px #f59e0b47}.reset-icon{display:grid;width:56px;place-items:center;border:1px solid #bae6fd!important;background:#fffffff0;color:#0284c7;box-shadow:0 12px 32px #0f172a1a}.reset-icon svg{width:20px;height:20px}.custom-panel{position:absolute;z-index:10;right:16px;bottom:max(16px,env(safe-area-inset-bottom));left:16px;margin:0 auto;max-width:900px;border:1px solid rgba(186,230,253,.95);border-radius:26px;padding:14px;background:#ffffffed;box-shadow:0 18px 50px #0f172a24;backdrop-filter:blur(18px)}.custom-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:11px}.custom-heading>div{display:flex;flex-direction:column;gap:2px}.custom-heading strong{font-size:15px;font-weight:950}.custom-heading span{color:#64748b;font-size:11px;font-weight:700}.clear-button{display:inline-flex;min-height:44px;align-items:center;gap:6px;border:1px solid #e2e8f0;border-radius:14px;padding:0 12px;background:#f8fafc;color:#475569;font-size:12px;font-weight:900;cursor:pointer}.clear-button svg{width:15px;height:15px}.clear-button:disabled,.stepper button:disabled{cursor:not-allowed;opacity:.42}.block-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.block-control{border:1px solid #e2e8f0;border-radius:18px;padding:10px;background:#f8fafc}.block-label{display:block;margin-bottom:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:950;text-align:center}.block-control.pink .block-label{color:#db2777}.block-control.yellow .block-label{color:#a16207}.block-control.blue .block-label{color:#2563eb}.block-control.green .block-label{color:#059669}.stepper{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:6px}.stepper button{display:grid;min-height:44px;place-items:center;border:0;border-radius:13px;background:#e2e8f0;color:#334155;font-size:20px;font-weight:950;cursor:pointer}.stepper button:last-child{background:#0f172a;color:#fff}.stepper button:disabled:last-child{background:#64748b}.stepper strong{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:20px;font-weight:950;text-align:center;font-variant-numeric:tabular-nums}.quick-buttons{display:flex;justify-content:center;gap:5px;margin-top:7px;flex-wrap:wrap}.quick-btn{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:3px 8px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#334155;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:800;cursor:pointer;transition:transform .1s ease,background .1s ease,border-color .1s ease;user-select:none}.quick-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.quick-btn:active:not(:disabled){transform:scale(.95);background:#e2e8f0}.quick-btn:disabled{cursor:not-allowed;opacity:.35}.interaction-hint{position:absolute;z-index:5;right:16px;top:104px;padding:7px 10px;border-radius:999px;background:#ffffffad;color:#64748b;font-size:10px;font-weight:800;pointer-events:none;backdrop-filter:blur(8px)}@media(max-width:860px){.top-bar{grid-template-columns:1fr auto}.brand-card{max-width:100%}.mode-switch{grid-column:1 / -1;justify-self:center}.value-card{padding:8px 13px}.interaction-hint{display:none}}@media(max-width:640px){.top-bar{align-items:start;gap:8px;padding-right:9px;padding-left:9px}.brand-card{min-width:0;padding:6px 9px 6px 6px;border-radius:18px}.guide-portrait{width:48px;height:48px;border-radius:15px}.brand-copy .eyebrow,.guide-line{display:none}.brand-copy strong{font-size:16px}.value-card{align-self:center;gap:6px;border-radius:16px;padding:7px 10px}.value-card span{font-size:10px}.value-card strong{font-size:22px}.mode-switch{width:min(100%,330px)}.mode-switch button{flex:1}.division-controls{width:calc(100vw - 18px);gap:7px}.division-controls button{min-height:52px;border-radius:17px;font-size:13px}.reset-icon{width:52px}.custom-panel{right:8px;bottom:max(8px,env(safe-area-inset-bottom));left:8px;border-radius:21px;padding:10px}.custom-heading span{display:none}.clear-button{min-height:44px}.block-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.block-control{border-radius:15px;padding:8px}}@media(max-height:560px)and (orientation:landscape){.top-bar{grid-template-columns:auto auto 1fr;padding-top:max(7px,env(safe-area-inset-top))}.brand-card{max-width:280px}.guide-portrait{width:46px;height:46px}.brand-copy .eyebrow,.guide-line{display:none}.mode-switch{grid-column:auto;justify-self:end}.division-controls{bottom:max(8px,env(safe-area-inset-bottom))}.custom-panel{right:10px;bottom:max(8px,env(safe-area-inset-bottom));left:auto;width:min(62vw,720px)}.custom-heading{margin-bottom:7px}.block-control{padding:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}