:root{color:#352a24;background:#f7f0e2;font-family:"M PLUS Rounded 1c",ui-rounded,Hiragino Maru Gothic ProN,Yu Gothic UI,Meiryo,sans-serif;font-synthesis:none;--bean:#593b2c;--anko:#9b5141;--wafer:#e5b861;--cream:#f7f0e2;--paper:#fffdf8;--matcha:#78845a;--ink-soft:#67574c;--line:rgba(76,53,41,.15);--shadow:0 18px 50px rgba(71,48,36,.12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--cream);background-image:radial-gradient(rgba(89,59,44,.09) .55px,transparent .7px);background-size:9px 9px;font-size:14px;line-height:1.85}button,input,textarea{color:inherit;font:inherit}a{color:inherit}.shell{width:min(1120px,calc(100% - 40px));margin-inline:auto}header{border-bottom:1px solid var(--line);background:#fffdf8f0;backdrop-filter:blur(16px)}.header-inner{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand img{width:48px;filter:drop-shadow(0 5px 7px rgba(70,44,28,.12))}.brand span{display:flex;align-items:baseline;gap:8px}.brand b{color:var(--bean);font-size:18px;font-weight:800;letter-spacing:.08em}.brand small{color:var(--anko);font-size:8px;font-weight:800;letter-spacing:.17em}nav{display:flex;gap:8px}nav a{padding:8px 11px;color:var(--ink-soft);border-radius:8px;font-size:11px;font-weight:700;text-decoration:none}nav a:hover{color:var(--bean);background:#f4ead9}main{padding-block:60px 90px}.page-heading{margin-bottom:34px}.page-heading>p{margin:0;color:var(--anko);font-size:9px;font-weight:800;letter-spacing:.16em}.page-heading h1{margin:8px 0 4px;color:var(--bean);font-size:clamp(34px,5vw,53px);line-height:1.45}.page-heading>div{color:var(--ink-soft)}.login-card{width:min(500px,100%);padding:27px;border:1px solid var(--line);border-radius:15px;background:var(--paper);box-shadow:var(--shadow)}.card-heading{display:flex;align-items:center;gap:13px;margin-bottom:20px}.card-heading>span{display:grid;width:48px;height:48px;place-items:center;color:#fff;border-radius:11px;background:var(--anko);font-size:19px;font-weight:800}.card-heading small{color:#9b877a;font-size:8px;font-weight:800;letter-spacing:.16em}.card-heading h2{margin:0;color:var(--bean);font-size:22px}form{display:grid;gap:15px}label{display:grid;gap:5px;color:var(--ink-soft);font-size:11px;font-weight:700}input,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fffdfa;outline:0}input:focus,textarea:focus{border-color:var(--wafer);box-shadow:0 0 0 3px #e5b8612e}textarea{resize:vertical}form button,.primary{display:flex;min-height:47px;align-items:center;justify-content:center;gap:24px;padding:10px 16px;color:#fff;border:0;border-radius:9px;background:var(--bean);font-weight:700;cursor:pointer}form button:disabled{opacity:.55;cursor:wait}.form-message{min-height:24px;margin:12px 0 0;color:var(--anko);font-size:12px}.form-message.success{color:#64754b}.account-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding:15px 18px;border:1px solid var(--line);border-radius:13px;background:var(--paper);box-shadow:0 8px 28px #47302412}.account-bar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--matcha);box-shadow:0 0 0 5px #78845a1f}.account-bar small{color:#8f7d72}.account-bar strong{color:var(--bean)}.account-bar i{padding:2px 7px;color:#fff;border-radius:999px;background:var(--anko);font-size:9px;font-style:normal;font-weight:800;letter-spacing:.08em}.account-bar button{padding:7px 10px;color:var(--anko);border:1px solid var(--line);border-radius:7px;background:#fffdfa;cursor:pointer}.manage-grid{display:grid;grid-template-columns:.78fr 1.22fr;align-items:start;gap:22px}.upload-card,.items-card{padding:24px;border:1px solid var(--line);border-radius:15px;background:var(--paper);box-shadow:var(--shadow)}.file-field input{padding:9px;background:#faf3e8}.file-field small{color:#9a897e;font-weight:500}.image-preview{display:grid;min-height:190px;place-items:center;overflow:hidden;color:#9d8c80;border:1px dashed rgba(76,53,41,.25);border-radius:10px;background:#f6eddf;font-size:11px}.image-preview img{display:block;width:100%;max-height:330px;object-fit:contain}.permission-note{margin:-7px 0 16px;padding:9px 11px;color:var(--ink-soft);border-left:3px solid var(--wafer);background:#fff8e8;font-size:11px}.manage-items{display:grid;gap:11px}.manage-item{display:grid;grid-template-columns:118px 1fr auto;gap:14px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:11px;background:#faf5eb}.manage-item>img{width:118px;height:82px;object-fit:cover;border-radius:7px;background:#eadfc9}.manage-item h3{margin:0;color:var(--bean);font-size:15px}.manage-item p{margin:3px 0;color:var(--ink-soft);font-size:10px}.manage-item small{color:#9b877a}.item-actions{display:grid;gap:6px}.item-actions button{min-width:78px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fffdfa;font-size:10px;font-weight:700;cursor:pointer}.item-actions .danger{color:#a34e46}.item-actions button:disabled{opacity:.4;cursor:not-allowed}.empty{padding:30px;color:var(--ink-soft);text-align:center;border:1px dashed var(--line);border-radius:10px}footer{padding:25px 0;color:#9b877c;background:#2d211e;font-size:9px}footer .shell{display:flex;justify-content:space-between;gap:20px}footer a{color:#d5c0b5;text-decoration:none}@media(max-width:820px){.manage-grid{grid-template-columns:1fr}.upload-card{order:1}.items-card{order:2}}@media(max-width:560px){.shell{width:calc(100% - 24px)}.header-inner{align-items:flex-start;flex-direction:column;padding:11px 0 13px}.brand span{display:none}nav{width:100%;padding-top:8px;border-top:1px solid var(--line)}main{padding-top:42px}.login-card,.upload-card,.items-card{padding:18px}.manage-item{grid-template-columns:82px 1fr}.manage-item>img{width:82px;height:72px}.item-actions{grid-column:1 / -1;grid-template-columns:1fr 1fr}.account-bar{align-items:flex-start;flex-direction:column}footer .shell{flex-direction:column;gap:5px}}