:root{--bg:#f5f3ef;--surface:#fff;--surface-soft:#faf9f6;--ink:#302c28;--muted:#79746e;--border:#e8e3dc;--accent:#a96c3f;--copper:#c78550;--sage:#59816d;--sidebar:#f0ede7;--shadow:0 3px 14px #31251f03;--radius:14px;--font:Inter,"Segoe UI","Malgun Gothic",sans-serif;--space:24px;color-scheme:light}
:root[data-theme=dark]{--bg:#191b1d;--surface:#222528;--surface-soft:#282b2e;--ink:#eee8de;--muted:#b2aaa0;--border:#393b3d;--accent:#dea477;--copper:#c78550;--sage:#92b8a4;--sidebar:#1e2022;--shadow:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--copper);outline-offset:4px}button{border:0}h1,h2,h3,p{margin:0}h1{font-size:clamp(24px,2.2vw,32px);letter-spacing:-1.1px;font-weight:650;line-height:1.4}h2{font-size:17px;letter-spacing:-.4px;font-weight:650}h3{font-size:16px;letter-spacing:-.3px}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.app-shell{display:flex;min-height:100dvh}.sidebar{position:fixed;width:236px;inset:0 auto 0 0;padding:35px 22px 20px;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:25px;line-height:1.2;letter-spacing:-.8px;font-weight:700}.brand small{display:block;font-size:7px;letter-spacing:1.7px;font-weight:600;margin-top:8px;color:var(--muted)}.brand-symbol{display:grid;place-items:center;width:42px;height:44px;background:#31251f;color:#f5f1ea;border-radius:13px;font:italic 30px Georgia,serif;letter-spacing:-4px;padding-right:4px}.workspace-label{margin:54px 13px 16px;font-size:10px;font-weight:600;letter-spacing:.9px;color:var(--muted)}.desktop-nav{display:grid;gap:7px}.desktop-nav a{display:flex;align-items:center;gap:13px;padding:12px 14px;color:var(--muted);border-radius:9px;font-size:13px;font-weight:550}.desktop-nav a.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}.desktop-nav a:hover,.settings-link:hover{background:var(--surface-soft)}.sidebar-bottom{margin-top:auto;padding-top:40px}.local-card{padding:17px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);font-size:11px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--sage);border-radius:50%;margin-right:7px}.local-card p{color:var(--muted);font-size:10px;margin-top:7px}.settings-link{display:flex;align-items:center;gap:12px;padding:20px 12px;color:var(--muted);font-size:12px}.user{display:flex;align-items:center;gap:10px;padding-top:18px;border-top:1px solid var(--border);font-size:12px}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dfd3c4;color:#65503f;font-size:12px}.user small{display:block;font-size:9px;color:var(--muted)}.version{margin-left:auto;font-size:10px;color:var(--muted)}.workspace{margin-left:236px;min-width:0;width:calc(100% - 236px)}.topbar{height:75px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--bg)}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{margin:0 12px;color:var(--border)}.breadcrumb strong{color:var(--ink);font-weight:500}.topbar-tools{display:flex;align-items:center;gap:12px}.sample-badge{font-size:10px;color:var(--sage);background:color-mix(in srgb,var(--sage) 9%,transparent);padding:4px 9px;border-radius:5px}.language-button,.icon-button{min-width:40px;min-height:40px;background:transparent;border-radius:8px}.language-button{font-size:11px}.icon-button{display:grid;place-items:center}.icon-button:hover,.language-button:hover{background:var(--surface)}main{max-width:1600px;margin:auto;padding:36px 40px 30px;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.7px;color:var(--muted);display:block;margin-bottom:7px}.page-heading p{font-size:12px;color:var(--muted);margin-top:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 17px;border-radius:7px;font-size:12px;font-weight:550;white-space:nowrap;min-height:44px}.button .icon{width:17px;height:17px}.primary{background:#31251f;color:#f5f1ea;border:1px solid #31251f}.primary:hover{background:#514032}.secondary{border:1px solid var(--border);background:var(--surface-soft)}.secondary:hover{border-color:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat-card{position:relative;padding:23px 22px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.stat-icon{position:absolute;right:19px;top:18px;padding:7px;border-radius:9px}.stat-icon .icon{width:18px;height:18px}.copper{background:#c7855012;color:var(--accent)}.sage{background:#8baf9e20;color:var(--sage)}.sand{background:#b9a16c16;color:#ad8e4b}.lilac{background:#a696c420;color:#9985b5}.stat-label{font-size:11px;color:var(--muted)}.stat-card>strong{display:block;font-size:32px;font-weight:550;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:7px 0 9px}.stat-card strong small{font-size:12px;letter-spacing:0;color:var(--muted);font-weight:400;margin-left:7px}.stat-foot{font-size:9px;color:var(--muted)}.mini-bars{position:absolute;right:20px;bottom:23px;height:26px;display:flex;align-items:end;gap:4px;opacity:.55}.mini-bars i{width:5px;height:40%;background:var(--copper);border-radius:2px}.mini-bars i:nth-child(2n){height:65%}.mini-bars i:nth-child(3n){height:90%}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin-bottom:24px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.text-link{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px;white-space:nowrap;min-height:44px}.text-link .icon{width:14px;height:14px}.text-link:hover{color:var(--accent)}.profile-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.profile-heading h3{font-size:15px;margin-bottom:3px}.muted{color:var(--muted);font-size:11px}.pill{font-size:9px;border:1px solid var(--border);border-radius:5px;padding:4px 8px;color:var(--muted);white-space:nowrap}.chart-legend{display:flex;gap:18px;font-size:9px;color:var(--muted);align-items:center}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.copper-bg{background:var(--copper)}.sage-bg{background:var(--sage)}.chart-unit{margin-left:auto}.profile-chart{width:100%;height:auto;display:block;margin:13px 0 14px;overflow:visible}.profile-chart text{font:10px var(--font);fill:var(--muted)}.grid-line{stroke:var(--border);stroke-width:1;stroke-dasharray:3 4}.phase-bar{display:flex;height:25px;border-radius:4px;overflow:hidden;font-size:9px;text-align:center;align-items:stretch}.phase-bar span{width:40%;background:#d8c29140;color:var(--muted);padding:4px 0}.phase-bar span:nth-child(2){background:#c7855025}.phase-bar span:last-child{width:20%;background:#8baf9e35}.chart-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:21px;padding-top:18px;border-top:1px solid var(--border);gap:12px}.chart-summary>span{font-size:9px;color:var(--muted)}.chart-summary strong{display:block;color:var(--ink);font-size:20px;font-weight:550;line-height:1.8;font-variant-numeric:tabular-nums}.chart-summary small{font-size:10px;color:var(--muted);font-weight:400}.sample-note{font-size:9px;color:var(--muted);margin-top:10px}.inventory-intro{margin-top:-14px;margin-bottom:12px}.bean-row{display:flex;align-items:center;gap:10px;padding:17px 0;border-bottom:1px solid var(--border)}.bean-emblem{display:inline-grid;place-items:center;width:35px;height:40px;border-radius:9px;background:var(--surface-soft);color:var(--accent);flex-shrink:0}.bean-emblem .icon{width:19px;height:19px}.bean-row strong{font-size:11px;font-weight:550}.bean-row small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.bean-weight{margin-left:auto;white-space:nowrap;font-size:14px}.bean-weight small{display:inline;font-size:9px}.full-width{display:flex;width:100%;margin-top:17px;font-size:10px;justify-content:space-between}.coffee-note{margin-top:23px;padding:18px;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px}.coffee-note .eyebrow{font-size:7px}.coffee-note p{font-size:11px;line-height:1.9;margin-top:8px;color:var(--muted);word-break:keep-all}.coffee-note>span:last-child{display:block;font:italic 12px Georgia,serif;color:var(--accent);margin-top:14px}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.activity-card{display:flex;align-items:center;gap:17px;border:1px solid var(--border);border-radius:9px;padding:19px;transition:border-color .15s}.activity-card:hover{border-color:var(--accent)}.activity-icon{display:grid;place-items:center;width:48px;height:53px;background:var(--surface-soft);border-radius:10px;color:var(--accent)}.activity-method{color:var(--muted);font-size:9px}.activity-card h3{font-size:13px;margin:3px 0}.activity-card p{font-size:9px;color:var(--muted)}.activity-meta{display:block;font-size:10px;margin-top:9px}.activity-meta span{margin:0 10px;color:var(--muted)}.activity-card>.icon:last-child{margin-left:auto;width:16px;color:var(--muted)}.footer{display:flex;gap:15px;padding:0 40px 24px;font-size:10px;color:var(--muted)}.footer>span:last-child{margin-left:auto;font-size:9px}.footer>span:first-child{font:italic 10px Georgia,serif}.mobile-nav{display:none}.skip-link{position:fixed;top:-70px;left:20px;background:var(--ink);color:var(--surface);padding:12px;z-index:100}.skip-link:focus{top:12px}.notice{display:flex;align-items:center;padding:15px 20px;border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-bottom:24px;font-size:12px;color:var(--muted)}.library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px}.library-card h2{margin:14px 0 8px}.library-card .chart-summary{grid-template-columns:1fr 1fr}.library-card>.icon{margin-bottom:18px}.inventory-number{display:block;font-size:28px;margin-top:25px;font-weight:500}.settings-panel{max-width:800px}.settings-panel p{font-size:13px;line-height:2;color:var(--muted);margin:15px 0 28px}.settings-panel h3{margin-top:25px}.loading-progress{position:relative;display:block;width:8rem;height:8rem;margin:20vh auto 1rem}.loading-progress circle{fill:none;stroke:var(--border);stroke-width:.6rem;transform-origin:50% 50%;transform:rotate(-90deg)}.loading-progress circle:last-child{stroke:var(--copper);stroke-dasharray:calc(3.141 * var(--blazor-load-percentage,0%) * .8),500%}.loading-progress-text{text-align:center}.loading-progress-text:after{content:var(--blazor-load-percentage-text,"RoPhase 로딩 중…")}#blazor-error-ui{display:none;position:fixed;bottom:0;left:0;width:100%;padding:16px;background:#fff1d6;color:#31251f;z-index:1000}#blazor-error-ui .dismiss{float:right;cursor:pointer}
@media(min-width:1700px){main{padding-top:48px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 360px}.profile-chart{max-height:340px}.stat-card{padding:28px}}
@media(max-width:1200px){.sidebar{width:204px;padding-left:15px;padding-right:15px}.workspace{margin-left:204px;width:calc(100% - 204px)}main{padding:28px 24px}.topbar{padding:0 24px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 275px;gap:17px}.panel{padding:19px}.page-heading{align-items:start}.page-heading>.button{font-size:10px;margin-top:15px}.stat-card{padding:18px 15px}.stat-icon{right:12px;top:12px}.stat-foot{font-size:8px}.mini-bars{display:none}.profile-heading .pill{display:none}.bean-row{gap:7px}.bean-row strong{font-size:10px}.footer{padding-left:24px;padding-right:24px}}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.inventory-panel{display:none}.page-heading{flex-wrap:wrap}.page-heading>.button{margin-top:0}.stats-grid{gap:12px}.stat-icon{position:static;float:right;padding:4px}.activity-grid{gap:12px}.activity-card{padding:14px;gap:10px}.activity-icon{width:35px}.footer>span:last-child{display:none}}
@media(max-width:700px){.sidebar{display:none}.workspace{margin-left:0;width:100%;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.topbar{height:64px;padding:0 20px;padding-top:env(safe-area-inset-top)}.breadcrumb{font-size:12px}.breadcrumb>span,.breadcrumb>strong{display:none}.topbar-tools{gap:4px}.sample-badge{font-size:9px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:var(--surface);border-top:1px solid var(--border);z-index:30;padding:9px 4px calc(9px + env(safe-area-inset-bottom))}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:54px;min-height:48px;font-size:9px;color:var(--muted);padding:3px}.mobile-nav a.active{color:var(--accent)}.mobile-nav .icon{width:20px;height:20px}main{padding:26px 18px 20px}.page-heading{gap:18px;margin-bottom:23px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px;max-width:320px;line-height:1.8}.eyebrow{font-size:8px}.page-heading>.button{width:100%;justify-content:space-between;min-height:48px;font-size:12px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.stat-card{padding:17px 15px 15px}.stat-label{font-size:10px}.stat-card>strong{font-size:28px;margin:8px 0 5px}.stat-card strong small{font-size:11px}.stat-foot{font-size:8px}.dashboard-grid{gap:18px;margin-bottom:18px}.panel{padding:19px 16px;border-radius:12px}.panel-heading{margin-bottom:19px}.panel-heading h2{font-size:15px}.text-link{font-size:9px}.profile-heading h3{font-size:14px}.profile-heading{margin-bottom:18px}.profile-heading .muted{font-size:9px}.chart-legend{gap:12px;font-size:8px}.profile-chart{margin-top:20px;min-height:140px}.profile-chart text{font-size:12px}.chart-summary{gap:6px;margin-top:18px}.chart-summary strong{font-size:18px}.chart-summary>span{font-size:8px}.sample-note{font-size:8px}.phase-bar{font-size:8px}.activity-grid{grid-template-columns:1fr}.activity-card{padding:16px}.activity-icon{width:42px}.activity-card h3{font-size:13px}.recent-panel .panel-heading{margin-bottom:16px}.footer{padding:6px 20px;font-size:10px}.library-grid{gap:16px}.notice{font-size:11px;padding:14px}.settings-panel p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
h1[tabindex="-1"]:focus{outline:none}@media(max-width:700px){.profile-chart text{font-size:18px}}
.sidebar{overflow-y:auto}
html[lang=ko]{word-break:keep-all;overflow-wrap:normal}.workspace-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:25px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.workspace-status strong{color:var(--accent)}.action-row,.library-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.library-toolbar{margin-bottom:24px;justify-content:space-between}.file-button{position:relative;display:inline-flex;padding:10px 15px;border:1px solid var(--border);border-radius:7px;background:var(--surface);font-size:12px;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.inline-check{display:flex!important;align-items:center;gap:9px;font-size:12px}.inline-check input{width:18px!important;height:18px;flex-shrink:0}.empty-state{text-align:center;padding:60px 20px}.empty-state>.icon{width:35px;height:35px;color:var(--accent);margin-bottom:20px}.empty-state p{margin:15px 0 24px;color:var(--muted)}.profile-flags{font-size:10px;color:var(--muted);margin:12px 0 20px}.danger{color:#bd5951;border:1px solid var(--border);background:var(--surface)}.form-error{padding:15px 20px;border:1px solid #b95850;border-radius:8px;color:#bd5951;background:var(--surface);margin-bottom:20px;font-size:13px;white-space:pre-wrap}.editor-fieldset{padding:0;margin:0;border:0;min-width:0}.editor-fieldset:disabled{opacity:.8}.editor-panel{margin-bottom:22px}.editor-panel h2{margin-bottom:22px}.editor-panel h3{margin-top:28px;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:end}.form-grid.compact{margin:15px 0}.form-grid .span-2{grid-column:span 2}.editor-panel label,.account-panel label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}input,select,textarea{font:inherit;color:var(--ink);background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;padding:11px 12px;max-width:100%;min-width:0}label>input,label>select,label>textarea{width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--copper);outline-offset:2px}textarea{resize:vertical}.editor-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.table-scroll{max-width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th,td{padding:12px;border-bottom:1px solid var(--border);white-space:nowrap}th{font-size:11px;color:var(--muted);font-weight:500}.measurement-table input{width:110px;min-width:90px;padding:9px}.sample-toolbar{display:flex;gap:15px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:24px 0 12px;font-size:11px;color:var(--muted)}.interactive-chart{width:100%;height:370px;min-width:0;margin:15px 0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px;margin:25px 0}.metrics-grid span{display:block;font-size:11px;color:var(--muted)}.metrics-grid strong{font-size:24px;font-weight:550}.account-panel{max-width:800px;margin-bottom:24px}.account-panel p{margin:20px 0;line-height:1.9}.comparison-options{display:flex;flex-wrap:wrap;gap:15px;margin-top:24px}.conflict-box{border:1px solid var(--copper);border-radius:8px;padding:18px;margin-top:20px;font-size:12px}.conflict-box p{margin:10px 0 16px}.conflict-box button{margin:4px}.editor-panel .action-row{margin-top:18px}.notice .button{margin-left:auto;white-space:normal}.editor-panel>.muted{margin-top:15px}
@media(max-width:1000px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.form-grid{grid-template-columns:1fr;gap:17px}.form-grid .span-2{grid-column:auto}.editor-actions>.button{flex:1;min-width:130px}.interactive-chart{height:310px}.workspace-status{font-size:10px;line-height:1.8}.page-heading .action-row{width:100%}.library-toolbar{justify-content:start}.account-panel{padding:20px}.notice{flex-wrap:wrap;gap:10px}.notice .button{margin-left:0}.library-card h2{font-size:18px}}
.editor-panel label.inline-check{flex-direction:row;align-self:center}