:root{color:#302c28;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e7e0d3;font-family:Inter,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(90deg,#ffffff80,#0000 28% 72%,#ffffff80),#ded6c8;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}.app-shell{background:#fbf7ef;width:min(100%,430px);min-height:100vh;margin:0 auto;padding:18px 14px 118px;position:relative;overflow-x:hidden;box-shadow:0 0 36px #372e2421}.loading{color:#657453;align-content:center;place-items:center;gap:12px;display:grid}.loading-dot{border:4px solid #d4dfc7;border-top-color:#657453;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 16px;display:flex}.brand{color:#627257;align-items:center;gap:10px;min-width:0;display:flex}.brand h1{color:#2f2b27;margin:0;font-size:24px;line-height:1.05}.brand p{color:#81796e;margin:4px 0 0;font-size:11px;font-weight:700}.top-actions{gap:8px;display:flex}.top-actions button,.row-controls button,.share-card button,.section-heading button,.sheet-actions button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.top-actions button{color:#5e6657;border-radius:50%;width:36px;height:36px}.tabs{border-bottom:2px solid #6f7f5e;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;margin:0 -8px;display:grid}.tabs button{color:#34312d;letter-spacing:0;background:#efebe2e6;border:0;border-radius:18px 18px 0 0;justify-content:center;align-items:center;gap:4px;min-height:48px;padding:0 6px;font-size:13px;font-weight:800;display:inline-flex}.tabs button.active{color:#fffef8;background:#6f7f5e;min-height:58px}.tabs .tab-add{color:#4d493f}.hero{background:linear-gradient(90deg,#f3eee0fa 0%,#f1ead8d6 46%,#f1ead833 100%),#dbe3d0;min-height:184px;margin:0 -14px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";background:#67765840;height:1px;position:absolute;inset:auto 0 0}.hero img{z-index:0;object-fit:cover;opacity:.92;width:100%;height:100%;position:absolute;inset:0}.hero-copy{z-index:1;width:58%;padding:34px 20px;position:relative}.hero-copy span,.eyebrow{color:#fff8ed;background:#b98556;border-radius:999px;width:fit-content;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:900;display:inline-flex}.hero-copy h2{color:#292723;margin:0;font-size:27px;line-height:1.1}.hero-copy p{color:#4f4a42;margin:10px 0 14px;font-size:13px;font-weight:700;line-height:1.65}.hero-copy small{color:#5c6b51;font-size:12px;font-weight:900}.share-card{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf7f2;border:1px solid #6e5e4a1a;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:-26px 4px 18px;padding:14px;display:grid;position:relative;box-shadow:0 12px 24px #4f41301f}.link-mark{color:#fff;background:#6f7f5e;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.share-card h2,.section-heading h2,.detail-sheet h2{margin:0;font-size:17px;line-height:1.25}.share-card p,.section-heading p,.detail-sheet span,.preset-card span{color:#80786e;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:11px;font-weight:700;overflow:hidden}.share-card button{color:#625c52;background:#fffaf3;border:1px solid #ded6ca;border-radius:999px;gap:5px;min-width:76px;height:36px;padding:0 12px;font-size:12px;font-weight:900}.quick-strip{color:#4b463e;background:#f1eadf;border-radius:14px;justify-content:space-between;align-items:center;margin:0 4px 18px;padding:10px 12px;display:flex}.quick-strip div{gap:2px;min-width:0;display:grid}.quick-strip strong{font-size:12px}.quick-strip span{color:#7f756a;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.inventory-section,.preset-panel{margin:0 4px 18px}.section-heading{color:#886238;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:10px;display:grid}.section-heading h2{color:#2f2b27}.section-heading button{color:#627257;background:#eef2e6;border-radius:999px;gap:4px;min-height:34px;padding:0 10px;font-size:12px;font-weight:900}.item-list{gap:8px;display:grid}.item-row{cursor:pointer;background:#fffcf6b8;border:1px solid #0000;border-radius:14px;grid-template-columns:58px minmax(0,1fr) 52px;align-items:center;gap:11px;min-height:78px;padding:8px 8px 8px 6px;display:grid}.item-row-selected{background:#fffef9;border-color:#6f7f5e59}.asset-thumb{cursor:pointer;background:0 0;border:0;border-radius:15px;width:56px;height:56px;padding:0;position:relative}.asset-thumb-large{width:66px;height:66px}.asset-image{border-radius:inherit;background-color:#eadfce;background-repeat:no-repeat;border:1px solid #6451381a;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff80}.asset-pending{color:#60534394;letter-spacing:0;font-size:9px;font-weight:900}.stack-badge{color:#fff;background:#6f7f5e;border:2px solid #fffaf4;border-radius:999px;min-width:26px;padding:3px 6px;font-size:11px;font-weight:900;line-height:1;position:absolute;bottom:-5px;right:-6px;box-shadow:0 5px 10px #444b3833}.item-main{min-width:0}.item-line{align-items:center;gap:6px;min-width:0;display:flex}.item-line h3{color:#2e2a25;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;line-height:1.25;overflow:hidden}.item-main p{color:#7b746a;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 5px;font-size:11px;font-weight:800;overflow:hidden}.status-chip{border-radius:999px;flex:none;padding:2px 6px;font-size:9px;font-weight:900}.status-chip.ok{color:#607251;background:#dfe9d4}.status-chip.watch,.status-chip.wear{color:#9a6a32;background:#f0dfc4}.status-chip.low{color:#a5533f;background:#f2d7cb}.bar-line{grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:8px;display:grid}.percent-bar{background:#e4ded2;border-radius:999px;height:8px;overflow:hidden}.percent-bar span{border-radius:inherit;height:100%;display:block}.percent-bar.ok span{background:#71825f}.percent-bar.watch span{background:#c99555}.percent-bar.low span{background:#b8654f}.bar-line strong{color:#5c6b51;text-align:right;font-size:12px}.item-note{color:#9a8f82;margin-top:4px;font-size:10px;font-weight:800}.row-controls{justify-items:center;gap:4px;display:grid}.row-controls button{color:#5f6e52;background:#fffaf2;border:1px solid #ded6c9;border-radius:999px;width:26px;height:22px}.row-controls span{color:#453f38;font-size:12px;font-weight:900;line-height:1}.row-controls small{color:#9a9187;margin-left:1px;font-size:9px}.preset-panel{background:#fffdf8;border:1px solid #6f7f5e38;border-radius:18px;padding:12px;box-shadow:0 12px 24px #372e2414}.preset-group{margin-top:12px}.preset-group h3{color:#625843;margin:0 0 8px;font-size:12px}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.preset-card{cursor:pointer;background:#fffaf2;border:1px solid #eee3d3;border-radius:14px;justify-items:center;min-height:132px;padding:8px 6px;display:grid}.preset-card strong{color:#342f29;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:8px;font-size:11px;line-height:1.25;overflow:hidden}.preset-card span{text-align:center;max-width:100%;font-size:9px}.detail-sheet{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffcf7fa;border:1px solid #554d411f;border-radius:22px;margin:16px 2px 0;padding:8px 14px 14px;position:relative;box-shadow:0 -12px 30px #3c322529}.sheet-grabber{background:#d8d0c5;border-radius:999px;width:42px;height:4px;margin:0 auto 10px}.sheet-top{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.eyebrow{color:#657453;background:#eff1e8;margin:0 0 4px}.sheet-count{justify-items:end;display:grid}.sheet-count strong{color:#637355;font-size:24px;line-height:1}.sheet-count span{font-size:11px}.percent-editor{background:#f4eee3;border-radius:14px;margin-top:12px;padding:10px 12px}.percent-editor label{color:#4b453e;justify-content:space-between;align-items:center;font-size:12px;font-weight:900;display:flex}.percent-editor label strong{color:#657453;font-size:18px}.percent-editor input{accent-color:#6f7f5e;width:100%}.percent-editor p{color:#81786b;margin:0;font-size:10px;font-weight:800}.sheet-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.sheet-actions button{color:#5c6d4d;background:#eef2e6;border-radius:999px;gap:6px;min-height:38px;font-size:12px;font-weight:900}.history-block{margin-top:12px}.history-title{color:#8a6037;align-items:center;gap:6px;display:flex}.history-title h3{color:#2f2b27;margin:0;font-size:14px}.history-block p{color:#49443d;grid-template-columns:62px minmax(0,1fr);gap:8px;margin:8px 0 0;font-size:11px;font-weight:800;line-height:1.5;display:grid}.history-block p span{color:#9a9187;font-size:10px}.bottom-nav{z-index:10;width:min(100%,430px);padding:8px 16px max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffcf7f2;border-top:1px solid #53483a1f;grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#948c82;background:0 0;border:0;justify-items:center;gap:3px;font-size:10px;font-weight:800;display:grid}.bottom-nav button.active{color:#657453}@media (width>=720px){.app-shell{border-radius:28px;min-height:900px;margin-block:24px}.bottom-nav{border-radius:20px 20px 0 0}}