.inu-pet{position:relative;width:var(--pet-size,240px);aspect-ratio:1;pointer-events:none}.inu-follow{position:absolute;inset:0;transform:translate(var(--follow-x,0px),var(--follow-y,0px));transition:transform .35s ease-out}.inu-float{width:100%;height:100%;animation:inu-float 2.8s ease-in-out infinite;will-change:transform}.inu-sprite{width:100%;height:100%;object-fit:contain;display:block}.inu-shadow{position:absolute;bottom:5%;left:32%;width:36%;height:5%;border-radius:50%;background:#78472f22;filter:blur(4px);animation:inu-shadow 2.8s ease-in-out infinite}.inu-pet[data-state=success] .inu-sprite{animation:inu-cheer .65s ease-in-out 1}.inu-pet[data-state=sleep] .inu-float,.inu-pet[data-state=sleep] .inu-shadow{animation-duration:4s}@keyframes inu-float{0%,to{transform:translateY(3px) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes inu-shadow{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(.82);opacity:.45}}@keyframes inu-cheer{0%,to{transform:rotate(0)}35%{transform:translateY(-9px) rotate(-7deg)}70%{transform:rotate(5deg)}}.motion-paused .inu-float,.motion-paused .inu-shadow,.motion-paused .inu-sprite{animation:none!important}.motion-paused .inu-follow{transform:none;transition:none}@media(prefers-reduced-motion:reduce){.inu-float,.inu-shadow,.inu-sprite{animation:none!important}.inu-follow{transform:none;transition:none}}:root{--canvas: #fff9ee;--paper: #ffffff;--ink: #513626;--muted: #765c46;--orange: #d78c66;--orange-deep: #a95d3c;--cream: #fff5e3;--sage: #93a875;--sage-soft: #eef3e6;--amber: #f0c570;--amber-soft: #fff1cf;--border: #e9dfcf;--success-ink: #3f6334;--stop-soft: #fbe6da;--r-card: 24px;--r-btn: 18px;--r-chip: 12px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;font-size:1.125rem;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;touch-action:manipulation}button:focus-visible{outline:3px solid var(--orange-deep);outline-offset:2px}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--muted)}.small{font-size:1rem}.app{max-width:34rem;margin:0 auto;min-height:100dvh;overflow-x:clip}.screen{display:flex;flex-direction:column;min-height:100dvh}.notice{display:flex;align-items:center;gap:8px;margin:calc(8px + var(--safe-top)) 16px 0;padding:8px 8px 8px 14px;background:var(--amber-soft);border:2px solid var(--amber);border-radius:var(--r-chip);font-size:1rem}.notice span{flex:1}.icon-btn{min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:14px;cursor:pointer}.icon-btn:active{background:var(--cream)}.primary-btn{width:100%;min-height:3.5rem;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:var(--r-btn);background:var(--success-ink);color:var(--cream);font-size:1.25rem;font-weight:700;box-shadow:0 4px #2c4724;cursor:pointer}.primary-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #2c4724}.primary-btn:disabled{background:#e4ddce;color:#6f604f;box-shadow:none;cursor:default}.primary-btn.is-next{background:var(--orange-deep);box-shadow:0 4px #7c3f24}.sub-btn{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 16px;border:2px solid var(--border);border-radius:14px;background:var(--paper);font-size:1rem;font-weight:600;cursor:pointer}.sub-btn.wide{width:100%}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:calc(4px + var(--safe-top)) 12px 4px 4px;background:var(--canvas)}.topbar-set,.topbar-title{font-size:1rem;color:var(--muted);white-space:nowrap}.topbar-title{font-weight:700;color:var(--ink);font-size:1.125rem}.progress{flex:1;display:flex;gap:6px}.progress-seg{flex:1;height:12px;border-radius:99px;background:#ece3d3;overflow:hidden}.progress-fill{display:block;height:100%;background:var(--sage);border-radius:99px;transition:width .3s ease}.play-main{flex:1;padding:4px 16px 12px;display:flex;flex-direction:column;gap:10px}.goal-row{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:start}.goal-text{min-width:0;display:flex;flex-direction:column;gap:2px}.goal-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 8px}.round-chip{font-size:1rem;font-weight:700;color:var(--orange-deep)}.goal{margin:0;font-size:1.25rem;line-height:1.4;font-weight:800}.ask-btn{min-height:3rem;display:inline-flex;align-items:center;gap:6px;padding:4px 14px 4px 8px;border:2px solid var(--sage);border-radius:99px;background:var(--sage-soft);font-size:1rem;font-weight:700;color:var(--success-ink);cursor:pointer}.ask-btn:disabled{opacity:.55}.change-banner{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--r-chip);background:var(--amber-soft);border:2px solid var(--amber);font-size:1.125rem}.change-tag{flex:none;padding:2px 8px;border-radius:99px;background:var(--orange-deep);color:var(--cream);font-size:1rem;font-weight:700}.note{display:flex;flex-direction:column;gap:2px;padding:6px 10px;border-radius:var(--r-chip);background:var(--paper);border:2px dashed var(--border)}.note-line{margin:0;display:flex;align-items:center;gap:8px;font-size:1rem;line-height:1.4}.note-line .icon{flex:none}.note-line.is-new{font-weight:700;background:var(--amber-soft);margin:0 -6px;padding:2px 6px;border-radius:8px}.note-time{flex:none;padding:0 6px;border-radius:6px;background:var(--cream);font-variant-numeric:tabular-nums;font-weight:700}.piece{min-height:3.5rem;display:flex;align-items:center;gap:8px;padding:6px 10px;border:2px solid var(--border);border-radius:var(--r-chip);background:var(--paper);text-align:left;cursor:pointer;box-shadow:0 3px #eadfcd;transition:transform .12s ease}.piece .icon{flex:none}.piece-label{font-size:1.125rem;font-weight:700;line-height:1.25}.is-held{border-color:var(--orange-deep)!important;background:var(--amber-soft)!important;transform:translateY(-2px);box-shadow:0 5px 0 var(--amber)!important}.is-focus{outline:4px solid var(--sage);outline-offset:2px;animation:focus-pulse 1.2s ease-in-out 3}@keyframes focus-pulse{50%{outline-color:var(--amber)}}.is-demo{outline:3px dashed var(--success-ink);outline-offset:3px}.is-done{border-color:var(--sage)!important;background:var(--sage-soft)!important}.is-stop{border-color:var(--orange-deep)!important;background:var(--stop-soft)!important}.is-active{border-color:var(--amber)!important;background:var(--amber-soft)!important}.tray{padding:8px;border-radius:16px;background:#f6ecdb}.tray.is-drop{outline:3px dashed var(--orange-deep)}.tray-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:2rem;padding:0 4px 6px}.tray-title{font-size:1rem;font-weight:700;color:var(--muted)}.tray-return{min-height:3rem;padding:4px 12px;border-radius:12px;border:2px solid var(--orange-deep);background:var(--paper);font-size:1rem;font-weight:700;cursor:pointer}.tray-empty{margin:0;padding:8px;font-size:1rem;color:var(--muted)}.tray-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.flow{list-style:none;margin:0;padding:0}.flow-row{display:grid;gap:10px}.flow-row.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.slot{position:relative;width:100%;min-height:3.5rem;display:flex;align-items:center;gap:8px;padding:2px 10px 2px 6px;border-radius:16px;border:2px solid var(--border);background:var(--paper);text-align:left;cursor:pointer}.slot.is-empty{border-style:dashed;border-color:#cdbfa7;background:#fffdf8}.slot.is-target.is-empty{border-color:var(--orange-deep);background:var(--amber-soft)}.slot-num{flex:none;width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--cream);font-size:1rem;font-weight:800;color:var(--muted)}.slot-body{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.slot-hole{font-size:1rem;color:var(--muted)}.slot-state{flex:none}.slot-product{animation:product-pop .38s ease-out 1}@keyframes product-pop{0%{transform:translateY(-10px) scale(.6);opacity:0}}.flow-note{margin:4px 0 0;font-size:1rem;color:var(--muted);text-align:center}.connector{position:relative;height:22px}.connector svg{width:100%;height:100%;display:block;overflow:visible}.edge{fill:none;stroke:#cdbfa7;stroke-width:3px;stroke-dasharray:5 5}.edge.is-linked{stroke:var(--sage);stroke-dasharray:none}.edge.is-lit{stroke:var(--amber);stroke-width:5px}.edge-head{position:absolute;bottom:-2px;width:0;height:0;transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--sage)}.board-wrap{display:flex;flex-direction:column}.board{display:flex;flex-direction:column;gap:10px}.criterion-chip{margin:0;align-self:flex-start;padding:2px 10px;border-radius:99px;background:var(--cream);font-size:1rem;font-weight:700}.bins{display:grid;gap:10px}.bins.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.bin{display:flex;flex-direction:column;border-radius:16px;border:2px solid var(--border);background:var(--paper);overflow:hidden}.bin.is-target{border-color:var(--orange-deep)}.bin-head{min-height:3rem;display:flex;align-items:center;gap:6px;padding:4px 8px;border:0;background:var(--cream);font-size:1rem;font-weight:800;text-align:left;cursor:pointer}.bin-body{display:flex;flex-direction:column;gap:6px;padding:8px;min-height:4.5rem}.bins:not(.cols-2) .bin-body{flex-direction:row;flex-wrap:wrap}.bins:not(.cols-2) .piece-in-bin{flex:1 1 9rem}.bin-hole{flex:1;min-height:3.5rem;border:2px dashed #d9ccb6;border-radius:12px;background:transparent;font-size:1rem;color:var(--muted);cursor:pointer}.bin.is-target .bin-hole{background:var(--amber-soft)}.pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pick-grid.n-4{grid-template-columns:repeat(2,minmax(0,1fr))}.pick-card{position:relative;flex-direction:column;justify-content:center;min-height:7.25rem;text-align:center;padding:8px 4px}.pick-card.is-on{border-color:var(--success-ink);background:var(--sage-soft)}.pick-check{position:absolute;top:4px;right:4px}.label-card{padding:10px;border-radius:16px;background:var(--paper);border:2px solid var(--amber)}.label-head{display:flex;align-items:center;gap:6px;font-size:1rem;font-weight:800;padding-bottom:6px}.label-spots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.label-hole{min-height:3.5rem;display:flex;align-items:center;justify-content:center;border:2px dashed #d9ccb6;border-radius:12px;font-size:1rem;color:var(--muted)}.label-chip{width:100%}.chip-list{display:flex;flex-direction:column;gap:8px}.board-choose{display:flex;flex-direction:column;gap:10px}.choose-card{min-height:5.5rem;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;border:3px solid var(--border);background:var(--paper);text-align:left;cursor:pointer}.choose-card.is-on{border-color:var(--success-ink);background:var(--sage-soft)}.choose-icons{display:flex;gap:2px;flex:none}.choose-label{font-size:1.125rem;font-weight:800}.undo-row{display:flex;justify-content:flex-end}.bottombar{position:sticky;bottom:0;z-index:5;display:flex;flex-direction:column;gap:8px;padding:8px 16px calc(12px + var(--safe-bottom));background:linear-gradient(to bottom,rgba(255,249,238,.85),var(--canvas) 22%)}.message{min-height:1.75rem;display:flex;align-items:center;gap:8px;font-size:1.125rem;font-weight:700;line-height:1.35}.message .icon{flex:none}.message.tone-fail{padding:8px 10px;border-radius:12px;background:var(--stop-soft);color:#7a3b1f}.message.tone-pass{padding:8px 10px;border-radius:12px;background:var(--sage-soft);color:var(--success-ink)}.message.tone-help,.message.tone-guide{padding:8px 10px;border-radius:12px;background:var(--cream)}.message.tone-hint .hint-text,.message .hint-text{font-size:1rem;font-weight:600;color:var(--muted)}.message.tone-hint{font-size:1rem;color:var(--muted)}.pet-slot{position:relative;flex:none;pointer-events:none}.pet-slot .inu-pet{--pet-size: 100%;width:100%;height:100%}.inu-pose{display:block;width:100%;height:100%;animation:pose-fade .15s ease-out 1}@keyframes pose-fade{0%{opacity:.55}}.motion-paused .inu-pose,.motion-paused .slot-product,.motion-paused .is-focus,.motion-paused .progress-fill{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.inu-pose,.slot-product,.is-focus,.progress-fill,.piece{animation:none!important;transition:none!important}}.home-top{display:flex;align-items:center;justify-content:space-between;padding:calc(8px + var(--safe-top)) 12px 0 16px}.brand{display:flex;flex-direction:column}.brand-name{font-size:2rem;font-weight:900;line-height:1;color:var(--orange-deep);letter-spacing:-.02em}.brand-sub{font-size:1rem;color:var(--muted)}.home-tools{display:flex}.home-main{flex:1;display:flex;flex-direction:column;gap:12px;padding:8px 16px calc(20px + var(--safe-bottom))}.hero{display:block;border-radius:var(--r-card);overflow:hidden;background:var(--cream)}.hero img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;max-height:11rem;object-fit:cover}.greet-row{display:flex;align-items:center;gap:10px}.greet-bubble{margin:0;flex:1;padding:10px 14px;border-radius:18px;background:var(--paper);border:2px solid var(--border);font-weight:700}.start-btn{min-height:4rem;font-size:1.375rem}.start-caption{margin:-4px 0 0;text-align:center;font-size:1rem;color:var(--muted)}.section-title{margin:4px 0 8px;font-size:1.125rem;font-weight:800}.path-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.path-node{position:relative;display:flex;justify-content:center;padding:4px 0;border-radius:12px;background:var(--paper);border:2px solid var(--border)}.path-node.is-current{border-color:var(--orange)}.path-node.is-earned{border-color:var(--sage);background:var(--sage-soft)}.path-num{position:absolute;top:-8px;left:-4px;min-width:1.5rem;height:1.5rem;border-radius:99px;background:var(--ink);color:var(--cream);font-size:1rem;font-weight:800;display:flex;align-items:center;justify-content:center}.week-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.week-day{display:flex;flex-direction:column;align-items:center;gap:2px}.week-dot{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--border);background:var(--paper);display:flex;align-items:center;justify-content:center}.week-day.is-visited .week-dot{background:radial-gradient(circle,var(--orange) 0 28%,var(--paper) 30%)}.week-day.is-made .week-dot{background:var(--amber-soft);border-color:var(--amber)}.week-label{font-size:1rem;color:var(--muted)}.complete-main,.records-main{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:calc(16px + var(--safe-top)) 16px 16px}.complete-main{align-items:center;text-align:center}.complete-title{margin:0;font-size:1.625rem}.complete-line{margin:0;font-weight:700}.reward{width:100%;padding:12px;border-radius:var(--r-card);background:var(--paper);border:3px solid var(--amber)}.reward.is-old{border-color:var(--border)}.reward p{margin:4px 0 0}.reward-name{font-size:1.25rem}.summary{width:100%;text-align:left;padding:12px 16px;border-radius:var(--r-card);background:var(--paper);border:2px solid var(--border)}.summary ul{margin:0;padding-left:1.2em}.complete .bottombar{gap:10px}.facility-list,.record-list,.practice-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.facility-list li{display:flex;align-items:center;gap:10px;font-size:1rem}.facility-list li.is-locked{color:var(--muted)}.record-item{padding:10px 12px;border-radius:14px;background:var(--paper);border:2px solid var(--border)}.record-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 8px}.record-body{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:1rem}.practice-list .sub-btn{justify-content:flex-start;min-height:3.5rem;font-size:1.125rem}.icon-missing{display:inline-block;border-radius:8px;background:repeating-linear-gradient(45deg,#f3d3c4 0 6px,#fff 6px 12px)}.piece-label{overflow-wrap:break-word}.flow-row.cols-2 .slot{flex-direction:column;justify-content:center;min-height:5.5rem;padding:8px 6px 6px;text-align:center}.flow-row.cols-2 .slot-num{position:absolute;top:6px;left:6px;width:1.5rem;height:1.5rem}.flow-row.cols-2 .slot-body{flex-direction:column;gap:2px}.flow-row.cols-2 .slot-state{position:absolute;top:4px;right:4px}.bins.cols-2 .piece-in-bin{flex-direction:column;justify-content:center;gap:2px;padding:6px 4px;text-align:center}