:root{--base-bg:#fdfdfb;--card-bg:#fff;--text-main:#2c3e50;--text-sub:#576574;--border:#e8e8e1;--accent-blue:#5d8aa8;--accent-rose:#c06c84;--accent-gold:#d4a373;--font-main:"Noto Sans JP",sans-serif;--font-title:"Montserrat",sans-serif;--safe-area-bottom:env(safe-area-inset-bottom);--shadow:0 4px 12px #00000008;--radius:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--base-bg);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}button,input,select,textarea{font-family:inherit;font-size:inherit}.container{padding:calc(env(safe-area-inset-top) + 20px)20px 120px 20px;width:100%;max-width:550px;margin:0 auto}h1,h2,h3{font-family:var(--font-title);letter-spacing:.1em;text-transform:uppercase;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes pulse-focus{0%{border-color:var(--border);box-shadow:0 0 #c06c8433}50%{border-color:var(--accent-rose);box-shadow:0 0 0 8px #c06c841a}to{border-color:var(--border);box-shadow:0 0 #c06c8433}}@keyframes section-attention{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.focused-section{border:1px solid var(--accent-rose);border-radius:var(--radius);background-color:#c06c8405;padding:16px;transition:all .5s;animation:2s ease-in-out infinite pulse-focus,1s ease-out section-attention}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-10{margin-bottom:40px}.mb-12{margin-bottom:48px}.mb-16{margin-bottom:64px}.text-center{text-align:center}.text-sub{color:var(--text-sub);font-size:.85rem}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.section-title{color:var(--accent-gold);letter-spacing:.2em;border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:8px;font-size:.75rem}.tile{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;min-height:70px;box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;padding:20px 12px;transition:all .3s;display:flex}.tile:active{transform:scale(.98)}.tile.active{color:#fff;background-color:#4f7ef8;border-color:#4f7ef8;box-shadow:0 8px 20px #4f7ef84d}.thread-card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:20px}.color-chip{border:2px solid var(--border);cursor:pointer;border-radius:50%;width:40px;height:40px;transition:all .2s;position:relative}.color-chip:after{content:"";border:2px solid #0000;border-radius:50%;transition:all .2s;position:absolute;inset:-4px}.chip-container{flex-direction:column;align-items:center;gap:8px;display:flex}.chip-container.active .color-chip:after{border-color:var(--accent-gold)}.badge{text-transform:uppercase;color:var(--accent-blue);background-color:#f0f4f8;border-radius:20px;margin-top:8px;padding:4px 10px;font-size:.65rem;font-weight:700;display:inline-block}.thread-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:480px;margin:0 auto;display:grid}@media (min-width:768px){.thread-grid{grid-template-columns:repeat(4,1fr);max-width:600px}}.color-chip-large{border:4px solid var(--white);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 10px #0000001a}.color-chip-large:before{content:"";border:2px solid #0000;border-radius:50%;transition:all .3s;position:absolute;inset:-8px}.color-chip-large.active{transform:translateY(-4px)scale(1.05);box-shadow:0 8px 15px #00000026}.color-chip-large.active:before{border-color:var(--accent-gold)}.color-chip-large .check{color:#fff;text-shadow:0 1px 2px #0000004d;opacity:0;font-size:1.2rem;font-weight:700;transition:opacity .2s}.color-chip-large.active .check{opacity:1}.nav-container{background:linear-gradient(to top,var(--base-bg)70%,transparent);z-index:100;justify-content:center;padding:24px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-inner{gap:16px;width:100%;max-width:550px;display:flex}.btn-nav{font-family:var(--font-title);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:none;border-radius:30px;flex:1;justify-content:center;align-items:center;gap:8px;padding:18px;font-size:.7rem;font-weight:700;transition:all .3s;display:flex}.btn-back{background-color:var(--card-bg);color:var(--text-sub);border:1px solid var(--border)}.btn-continue{color:var(--card-bg);background-color:#c06c84;box-shadow:0 10px 20px #2c3e5026}.btn-continue:disabled{background-color:var(--border);color:var(--text-sub);box-shadow:none;cursor:not-allowed}.btn-nav:active:not(:disabled){transform:scale(.95)}.submit-btn{background-color:var(--text-main);width:100%;color:var(--card-bg);font-family:var(--font-title);letter-spacing:.2em;cursor:pointer;border:none;border-radius:30px;padding:20px;font-weight:700;transition:all .3s;box-shadow:0 10px 20px #2c3e5033}.thread-slots{border-top:1px solid var(--border);justify-content:center;gap:12px;margin-top:24px;padding-top:24px;display:flex}.slot-container{border:1px dashed var(--border);cursor:pointer;background-color:#f8fafb;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;max-width:100px;min-height:80px;padding:12px 8px;transition:all .2s;display:flex}.slot-container.active{border:2px solid var(--text-main);background-color:#fff;border-style:solid;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.slot-placeholder{color:var(--text-sub);text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:8px;font-weight:800}.slot-label{color:var(--text-main);text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:900}.slot-chip{border:2px solid #fff;border-radius:6px;width:32px;height:32px;box-shadow:0 2px 6px #0000001a}.slot-id{color:var(--text-main);font-size:10px;font-weight:900}textarea{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--card-bg);color:var(--text-main);padding:16px;transition:border-color .3s}textarea:focus{border-color:var(--accent-gold);outline:none}.summary-list{flex-direction:column;display:flex}.summary-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 4px;transition:background-color .2s;display:flex}.summary-row:last-child{border-bottom:none}.summary-label{color:var(--text-sub);text-transform:lowercase;letter-spacing:.1em;font-size:.65rem;font-weight:500}.summary-value{color:var(--text-main);font-size:.9rem;font-weight:700}.total-section{background-color:var(--base-bg);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-top:12px;padding:24px 8px;display:flex}.total-label{color:var(--text-sub);text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:700}.total-amount{font-size:2.5rem;font-weight:900;font-family:var(--font-title);color:var(--text-main);line-height:1}.sticky-action{padding:20px 20px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--base-bg)80%,transparent);z-index:110;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.finalize-btn{background-color:var(--text-main);width:100%;max-width:510px;color:var(--card-bg);font-family:var(--font-title);letter-spacing:.2em;cursor:pointer;border:none;border-radius:40px;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 15px 30px #2c3e5040}.finalize-btn:active{transform:scale(.96);box-shadow:0 5px 15px #2c3e5033}.finalize-btn:disabled{background-color:var(--border);color:var(--text-sub);box-shadow:none;cursor:not-allowed}.thread-preview-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 0;display:grid}@media (min-width:1024px){.preview-grid-pc{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;align-items:start;gap:24px;max-width:1000px;margin:0 auto;display:grid}.container-wide{max-width:1100px!important}.review-left{grid-row:1/span 2}.review-right-top{grid-area:1/2}.review-right-bottom{grid-area:2/2}}.thread-preview-item{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.color-dot-large{border:4px solid var(--card-bg);background-color:#eee;border-radius:50%;width:54px;height:54px;box-shadow:0 4px 12px #0000001a}.admin-badge{text-transform:uppercase;color:#4338ca;letter-spacing:.05em;background-color:#e0e7ff;border-radius:6px;padding:4px 12px;font-size:.7rem;font-weight:800;display:inline-block}.instruction-sheet{background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px;transition:all .3s;box-shadow:0 10px 15px -3px #0000000d}.instruction-sheet.is-completed{opacity:.4;filter:grayscale(.5);pointer-events:auto}.admin-grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.admin-grid-val{text-align:center;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:16px}.admin-grid-val .value{color:var(--text-main);font-size:1.25rem;font-weight:900;line-height:1.2}.admin-grid-val .label-small{color:var(--text-sub);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.6rem;font-weight:700}.spinner-container{justify-content:center;align-items:center;padding:40px;display:flex}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--text-main);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-label{color:var(--text-sub);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:700}.admin-value{color:var(--text-main);font-size:1rem;font-weight:700}.thread-row{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:16px;padding:12px;display:flex}.chip-30{border:2px solid #fff;border-radius:4px;width:32px;height:32px;box-shadow:0 2px 4px #0000001a}.admin-fab{background-color:var(--text-main);color:#fff;cursor:pointer;z-index:200;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .2s;display:flex;position:fixed;bottom:32px;right:24px;box-shadow:0 10px 25px #0003}.admin-fab:active{transform:scale(.9)}.history-list{max-height:400px;padding-bottom:80px;overflow-y:auto}.history-item{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;min-height:54px;margin-bottom:8px;padding:12px 20px;transition:all .2s;display:flex}.history-item:hover{background-color:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.success-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:24px;display:flex}.success-card{border-radius:var(--radius);border:1px solid var(--border);background:#fff;width:100%;max-width:440px;padding:60px 32px 40px;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000012}.success-card:before{content:"";background:linear-gradient(90deg,var(--accent-gold),var(--accent-rose));height:6px;position:absolute;top:0;left:0;right:0}.btn-home{background:var(--text-main);color:#fff;font-family:var(--font-title);letter-spacing:.25em;border:none;border-radius:40px;justify-content:center;align-items:center;gap:12px;width:100%;max-width:280px;margin:40px auto 0;padding:18px 40px;font-size:.85rem;font-weight:700;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;box-shadow:0 10px 25px #2c3e5033}.btn-home:hover{filter:brightness(1.1);transform:translateY(-4px);box-shadow:0 15px 35px #2c3e504d}.btn-home:active{transform:translateY(-2px)}.success-icon-container{background-color:#d4a3731a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 32px;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards icon-pop;display:flex}@keyframes icon-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}