#sp-preview .sp-preview-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
        #sp-preview .sp-preview-role{display:flex;align-items:center;gap:9px;margin:0}
        #sp-preview .sp-stage{container-type:inline-size;container-name:secretplace;width:100%;margin:0 auto;transition:max-width .2s ease}
        #sp-preview .sp-stage[data-device=phone]{max-width:390px}
        #sp-app{--sp-accent:#1476cb;--sp-radius:25px;--sp-text:#f5f9ff;--sp-muted:#c4d6ee;--sp-faint:#a8bfdc;--sp-panel:#143360;--sp-line:rgba(206,231,255,.19);--sp-photo:url("");position:relative;isolation:isolate;overflow:hidden;border-radius:var(--sp-radius);background:radial-gradient(ellipse at 69% -8%,#45b6e670,transparent 53%),radial-gradient(ellipse at 2% 24%,var(--sp-accent),transparent 74%),linear-gradient(165deg,#174d92,#132e66 57%,#0c163b);color:var(--sp-text);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;min-height:770px}
        #sp-app *{box-sizing:border-box}
        #sp-app [hidden]{display:none!important}
        #sp-app button,#sp-app input,#sp-app select,#sp-app textarea{font:inherit}
        #sp-app button{color:inherit}
        #sp-app button:focus-visible,#sp-app input:focus-visible,#sp-app select:focus-visible,#sp-app textarea:focus-visible{outline:3px solid #a3d6ff;outline-offset:3px}
        #sp-app button{border:0}
        #sp-app h1,#sp-app h2,#sp-app h3,#sp-app p{margin:0;color:inherit}
        #sp-app h1{font-size:39px;line-height:1.12;letter-spacing:-1.4px;font-weight:650}
        #sp-app h2{font-size:20px;letter-spacing:-.5px;font-weight:600;line-height:1.25}
        #sp-app h3{font-size:15px;font-weight:600;letter-spacing:-.15px}
        #sp-app .sp-muted{color:var(--sp-muted)}
        #sp-app .sp-small{font-size:12px}
        #sp-app .sp-tiny{font-size:11px}
        #sp-app .sp-icon{display:inline-grid;place-items:center;flex-shrink:0;width:22px;height:22px;vertical-align:middle}
        #sp-app .sp-icon svg{width:20px;height:20px;stroke-width:1.7}
        #sp-app .sp-icon-fallback{font:500 21px/1 -apple-system,BlinkMacSystemFont,"Segoe UI Symbol",sans-serif}
        #sp-app .sp-icon:has(svg) .sp-icon-fallback{display:none}
        #sp-app .sp-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 30px 18px}
        #sp-app .sp-brand{display:flex;align-items:center;gap:10px;min-width:0}
        #sp-app .sp-brand-icon{width:34px;height:36px;display:grid;place-items:center;font-size:24px;font-weight:500;border-radius:12px;background:linear-gradient(140deg,#b9e1ff82,#5d98e040 42%,#173b7a);border:1px solid #b7dcff70;box-shadow:inset 0 1px 1px #ffffff80,0 5px 12px #011b4840}
        #sp-app .sp-brand-name{font-size:17px;font-weight:600;letter-spacing:-.65px}
        #sp-app .sp-brand-name em{font-style:normal;color:#add7ff;font-weight:400}
        #sp-app .sp-header-note{font-size:11px;color:var(--sp-muted)}
        #sp-app .sp-avatar{display:flex;align-items:center;gap:10px;background:transparent;padding:0;min-height:40px}
        #sp-app .sp-avatar-circle{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;font-size:14px;font-weight:600;background:linear-gradient(145deg,#d9ecff5c,#83b9ee28);border:1px solid var(--sp-line)}
        #sp-app .sp-nav{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px;background:linear-gradient(140deg,#6d9dcb50,#2d538a75);border:1px solid #c5e6ff55;box-shadow:inset 0 1px 0 #ffffff36,0 10px 30px #04163729;backdrop-filter:blur(24px) saturate(160%);border-radius:25px;width:max-content;max-width:calc(100% - 44px);margin:0 auto}
        #sp-app .sp-nav button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;min-width:102px;padding:9px 15px;background:transparent;border-radius:19px;font-size:13px;color:#e3efff;white-space:nowrap}
        #sp-app .sp-nav button[aria-current=page]{background:linear-gradient(145deg,#c4e3ff66,#8ab8df33);box-shadow:inset 0 1px 0 #ffffff6b,0 3px 9px #0a245329;color:#fff}
        #sp-app .sp-main{padding:28px 30px 22px;min-width:0}
        #sp-app .sp-page-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:23px;flex-wrap:wrap}
        #sp-app .sp-eyebrow{font-size:12px;color:var(--sp-muted);margin-bottom:8px}
        #sp-app .sp-subtitle{font-size:13px;color:var(--sp-muted);margin-top:10px}
        #sp-app .sp-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
        #sp-app .sp-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--sp-line);min-height:40px;border-radius:20px;padding:9px 15px;font-size:12px;font-weight:500;background:#31588c;color:#f6fbff}
        #sp-app .sp-button.sp-primary{background:#f4f9ff;color:#16396a;border-color:#f4f9ff;box-shadow:0 4px 12px #08254b20}
        #sp-app .sp-button.sp-quiet{background:transparent;border-color:transparent;padding-left:0;padding-right:0;color:#dbeaff}
        #sp-app .sp-button.sp-small-button{min-height:32px;padding:5px 10px;font-size:11px}
        #sp-app .sp-button .sp-icon{width:17px;height:17px}
        #sp-app .sp-button .sp-icon svg{width:16px;height:16px}
        #sp-app .sp-panel{background:linear-gradient(135deg,#234d7d,#17335f 80%);border:1px solid var(--sp-line);border-radius:var(--sp-radius);box-shadow:inset 0 1px 0 #ffffff13,0 8px 25px #05182e12;min-width:0;overflow:hidden}
        #sp-app .sp-pad{padding:21px}
        #sp-app .sp-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}
        #sp-app .sp-panel-heading .sp-button{flex-shrink:0}
        #sp-app .sp-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:17px;align-items:start}
        #sp-app .sp-stack{display:flex;flex-direction:column;gap:17px;min-width:0}
        #sp-app .sp-memory{position:relative;min-height:306px;border-radius:var(--sp-radius);overflow:hidden;background:#152c48;isolation:isolate;display:flex;align-items:flex-end;padding:25px}
        #sp-app .sp-memory::before{content:"";position:absolute;inset:0;background-image:linear-gradient(0deg,#06162df5,transparent 86%),var(--sp-photo);background-size:cover,135% auto;background-position:center,left 38%;z-index:-1}
        #sp-app .sp-memory::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid #d3e7ff40;pointer-events:none}
        #sp-app .sp-memory h2{font-size:39px;letter-spacing:-1px;margin:7px 0 5px}
        #sp-app .sp-memory .sp-button{margin-top:16px;background:#a9c4e133;border-color:#d4e8ff50;backdrop-filter:blur(15px)}
        #sp-app .sp-kicker{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#e0edfd}
        #sp-app .sp-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}
        #sp-app .sp-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:1.35;padding:4px 8px;background:#a7c8e51a;border-radius:9px;color:#d9e9fb;max-width:100%;overflow-wrap:anywhere}
        #sp-app .sp-tag.sp-tag-amber{background:#ffc98722;color:#ffe0b9}
        #sp-app .sp-task{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-top:1px solid #d5eaff16}
        #sp-app .sp-task:first-of-type{border-top:0}
        #sp-app .sp-task input{accent-color:#8bc9ff;flex-shrink:0;width:18px;height:18px;margin:2px 0 0}
        #sp-app .sp-task label{display:block;flex:1;min-width:0}
        #sp-app .sp-task-title{font-size:13px;display:block}
        #sp-app .sp-task-meta{display:block;color:var(--sp-muted);font-size:11px;margin-top:4px}
        #sp-app .sp-task.sp-done .sp-task-title{text-decoration:line-through;color:var(--sp-faint)}
        #sp-app .sp-empty{padding:18px 0;color:var(--sp-muted);font-size:13px}
        #sp-app .sp-fin-mini{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0 12px}
        #sp-app .sp-fin-mini strong{display:block;font-size:24px;letter-spacing:-.6px;font-weight:600;margin-top:4px;white-space:nowrap}
        #sp-app .sp-fin-mini span{font-size:11px;color:var(--sp-muted)}
        #sp-app .sp-fin-mini .sp-positive{color:#9af0db}
        #sp-app .sp-fin-mini .sp-negative{color:#ffd0d8}
        #sp-app .sp-date-tile{display:flex;align-items:center;gap:15px}
        #sp-app .sp-date-number{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:51px;min-height:58px;border-radius:15px;background:linear-gradient(160deg,#91c6ee35,#35649a);box-shadow:inset 0 1px 0 #e5f2ff35}
        #sp-app .sp-date-number small{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#d0e5ff}
        #sp-app .sp-date-number strong{font-size:26px;line-height:1.1;letter-spacing:-1px;font-weight:600}
        #sp-app .sp-date-text{font-size:13px}
        #sp-app .sp-date-text small{display:block;color:var(--sp-muted);font-size:11px;margin-top:4px}
        #sp-app .sp-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 13px}
        #sp-app .sp-segments{display:flex;align-items:center;gap:4px;flex-wrap:wrap;background:#0e2e59;padding:4px;border:1px solid var(--sp-line);border-radius:20px;width:max-content;max-width:100%}
        #sp-app .sp-segments button{padding:7px 13px;border-radius:15px;min-height:34px;font-size:12px;background:transparent;color:var(--sp-muted)}
        #sp-app .sp-segments button[aria-pressed=true]{background:#3b6593;color:#fff;box-shadow:inset 0 1px 0 #c7e1fb40}
        #sp-app .sp-cinema{background:radial-gradient(ellipse at 80% 0,#80404c75,transparent 65%),linear-gradient(140deg,#3d2745,#251e37);padding:24px;border-radius:var(--sp-radius);border:1px solid #e5c6cb33;overflow:hidden}
        #sp-app .sp-cinema-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
        #sp-app .sp-cinema h2{font-size:31px;letter-spacing:-1px;margin:8px 0}
        #sp-app .sp-cinema p{color:#decbd2;font-size:12px;max-width:290px}
        #sp-app .sp-scores{display:flex;gap:11px;flex-shrink:0}
        #sp-app .sp-score{padding:14px 16px;border-radius:19px;text-align:center;background:linear-gradient(145deg,#ffffff18,#ffffff06);border:1px solid #fae3d430;min-width:86px}
        #sp-app .sp-score span{display:block;font-size:11px;color:#efdbdf}
        #sp-app .sp-score strong{display:block;font-size:36px;line-height:1.15;font-weight:600;letter-spacing:-1px;margin-top:5px;color:#ffe7c1}
        #sp-app .sp-cinema .sp-button{margin-top:19px;background:#ffead0;color:#4c2c3e;border-color:#ffead0}
        #sp-app .sp-film{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:stretch}
        #sp-app .sp-film-photo{background-image:linear-gradient(0deg,#1c183a33,#1c183a00),var(--sp-photo);background-size:cover,145% auto;background-position:center,left 40%;min-height:245px;border-radius:18px}
        #sp-app .sp-film-info{padding:7px 0}
        #sp-app .sp-film-info h2{font-size:26px;margin:7px 0 5px}
        #sp-app .sp-review{font-size:12px;line-height:1.55;padding-top:12px;margin-top:12px;border-top:1px solid var(--sp-line)}
        #sp-app .sp-review strong{display:block;margin-bottom:4px;font-size:11px;color:var(--sp-muted);font-weight:500}
        #sp-app .sp-inline-notice{color:var(--sp-muted);font-size:11px;margin-top:12px}
        #sp-app .sp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
        #sp-app .sp-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--sp-muted);min-width:0}
        #sp-app .sp-field.sp-wide{grid-column:1/-1}
        #sp-app .sp-field input,#sp-app .sp-field select,#sp-app .sp-field textarea{width:100%;border:1px solid #a9c9ec38;border-radius:12px;background:#102b52;color:#f1f7ff;min-height:42px;padding:10px 12px;min-width:0}
        #sp-app .sp-field textarea{resize:vertical;min-height:92px}
        #sp-app .sp-field input::placeholder,#sp-app .sp-field textarea::placeholder{color:#93acc9}
        #sp-app .sp-fieldset{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:13px}
        #sp-app .sp-fieldset legend{font-size:16px;font-weight:600;margin-bottom:15px;color:#f4f8ff}
        #sp-app .sp-form-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:21px;flex-wrap:wrap}
        #sp-app .sp-uploads{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
        #sp-app .sp-file{display:none}
        #sp-app .sp-photo-preview{display:none;max-height:140px;max-width:100%;border-radius:13px;object-fit:cover}
        #sp-app .sp-photo-preview[src]{display:block}
        #sp-app .sp-editor-error{color:#ffd1d1;font-size:12px;margin-top:13px}
        #sp-app .sp-toast{margin:16px 30px 0;padding:10px 14px;border-radius:14px;background:#315f8f;border:1px solid var(--sp-line);font-size:12px}
        #sp-app .sp-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
        #sp-app .sp-note{padding:19px;min-height:140px;border-radius:20px;background:linear-gradient(130deg,#4a5875,#333d5a);border:1px solid var(--sp-line);overflow-wrap:anywhere}
        #sp-app .sp-note p{white-space:pre-wrap;margin-top:9px;color:#d9e1f2;font-size:12px}
        #sp-app .sp-calendar{padding:22px}
        #sp-app .sp-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
        #sp-app .sp-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
        #sp-app .sp-weekday{text-align:center;font-size:11px;color:var(--sp-muted);padding:6px 0}
        #sp-app .sp-day{position:relative;min-height:45px;padding:8px 2px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:transparent;font-size:13px}
        #sp-app .sp-day.sp-today{background:#e1f0ff;color:#174475;font-weight:600}
        #sp-app .sp-day.sp-event::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#ffc79b;bottom:6px}
        #sp-app .sp-day[aria-pressed=true]:not(.sp-today){background:#436e9e}
        #sp-app .sp-day-detail{padding-top:17px;margin-top:17px;border-top:1px solid var(--sp-line);min-height:61px;font-size:12px;color:var(--sp-muted)}
        #sp-app .sp-fin-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:19px}
        #sp-app .sp-fin-values{display:flex;gap:35px;flex-wrap:wrap}
        #sp-app .sp-fin-value span{display:block;font-size:12px;color:var(--sp-muted)}
        #sp-app .sp-fin-value strong{display:block;font-size:33px;letter-spacing:-1px;line-height:1.1;font-weight:600;margin-top:8px;white-space:nowrap}
        #sp-app .sp-fin-value.sp-income strong{color:#9debd9}
        #sp-app .sp-fin-value.sp-expense strong{color:#f8c0d1}
        #sp-app .sp-filter-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:11px;padding-top:17px;border-top:1px solid var(--sp-line)}
        #sp-app .sp-filter-grid .sp-field input,#sp-app .sp-filter-grid .sp-field select{min-height:39px;padding:8px 10px;font-size:12px}
        #sp-app .sp-chart{width:100%;min-width:0;margin-top:8px}
        #sp-app .sp-chart svg{display:block;width:100%;height:225px;overflow:visible}
        #sp-app .sp-chart svg text{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:11px;fill:#d1e1f3}
        #sp-app .sp-chart .sp-axis{stroke:#c7dbef26;stroke-width:1}
        #sp-app .sp-chart .sp-bar-income{fill:#94e8d4}
        #sp-app .sp-chart .sp-bar-expense{fill:#eeb3ce}
        #sp-app .sp-chart-legend{display:flex;align-items:center;gap:17px;font-size:11px;color:var(--sp-muted)}
        #sp-app .sp-chart-legend span{display:flex;gap:6px;align-items:center}
        #sp-app .sp-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#94e8d4}
        #sp-app .sp-dot.sp-dot-expense{background:#eeb3ce}
        #sp-app .sp-chart-detail{min-height:19px;font-size:11px;color:var(--sp-muted);margin-top:5px}
        #sp-app .sp-operation{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #d4e6fd19}
        #sp-app .sp-operation:first-child{border-top:0}
        #sp-app .sp-operation-symbol{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#89c5b91b;color:#b0eee0;font-size:19px}
        #sp-app .sp-operation.sp-out .sp-operation-symbol{background:#d6a1b21b;color:#f1c1d3}
        #sp-app .sp-operation-title{font-size:13px;overflow-wrap:anywhere}
        #sp-app .sp-operation-meta{font-size:11px;color:var(--sp-muted);margin-top:3px}
        #sp-app .sp-operation-amount{font-size:14px;font-weight:500;white-space:nowrap;color:#aaeddc}
        #sp-app .sp-operation.sp-out .sp-operation-amount{color:#f4cedd}
        #sp-app .sp-wishes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
        #sp-app .sp-wish{padding:16px;background:#21406a;border:1px solid var(--sp-line);border-radius:19px;display:flex;align-items:flex-start;gap:12px}
        #sp-app .sp-wish label{min-width:0;flex:1}
        #sp-app .sp-wish input{accent-color:#9acbf2;margin:3px 0 0;width:17px;height:17px;flex-shrink:0}
        #sp-app .sp-wish strong{font-size:13px;font-weight:500;display:block;overflow-wrap:anywhere}
        #sp-app .sp-wish small{font-size:11px;color:var(--sp-muted);display:block;margin-top:5px}
        #sp-app .sp-wish-price{font-size:14px;margin-top:9px;color:#dcecff}
        #sp-app .sp-hobby-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px;background:radial-gradient(ellipse at 90% 10%,#aad6ff27,transparent 70%),linear-gradient(135deg,#1f3f70,#172749);border-radius:var(--sp-radius);border:1px solid var(--sp-line)}
        #sp-app .sp-hobby-hero h2{font-size:34px;letter-spacing:-1px;margin:7px 0}
        #sp-app .sp-hobby-hero p{font-size:13px;color:var(--sp-muted);max-width:390px}
        #sp-app .sp-community-number{font-size:51px;line-height:1;letter-spacing:-2.5px;font-weight:600;text-align:right}
        #sp-app .sp-community-number small{display:block;font-size:11px;line-height:1.5;letter-spacing:0;color:var(--sp-muted);margin-top:9px;font-weight:400}
        #sp-app .sp-list-link{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #d4e6fd1c;width:100%;background:transparent;text-align:left}
        #sp-app .sp-list-link:first-child{border-top:0}
        #sp-app .sp-list-link>span:nth-child(2){flex:1;min-width:0}
        #sp-app .sp-list-link strong{font-size:13px;font-weight:500;display:block;overflow-wrap:anywhere}
        #sp-app .sp-list-link small{font-size:11px;color:var(--sp-muted);display:block;margin-top:4px}
        #sp-app .sp-chevron{color:#b8cdea;font-size:20px;font-weight:400}
        #sp-app .sp-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
        #sp-app .sp-column{padding:17px;background:#14315b;border:1px solid var(--sp-line);border-radius:20px;min-width:0}
        #sp-app .sp-column h3{font-size:12px;color:#c4dcf6;margin-bottom:14px;font-weight:500}
        #sp-app .sp-idea{padding:14px 12px;border-radius:14px;background:#31527c;box-shadow:inset 0 1px 0 #e3f1ff24;margin-top:9px;font-size:12px;overflow-wrap:anywhere}
        #sp-app .sp-idea small{display:block;color:var(--sp-muted);font-size:11px;margin-top:9px}
        #sp-app .sp-project-state{font-size:12px;color:var(--sp-muted);padding:14px 0;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--sp-line)}
        #sp-app .sp-account{display:flex;gap:13px;align-items:flex-start;padding:15px 0;border-top:1px solid #d4e6fd1c}
        #sp-app .sp-account:first-child{border-top:0}
        #sp-app .sp-account-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#416288;color:#f4f8ff;font-size:14px;font-weight:500;flex-shrink:0}
        #sp-app .sp-account-main{flex:1;min-width:0}
        #sp-app .sp-account strong{display:block;font-size:13px;font-weight:500}
        #sp-app .sp-account small{display:block;font-size:11px;color:var(--sp-muted);margin-top:4px;overflow-wrap:anywhere}
        #sp-app .sp-account .sp-tag{flex-shrink:0;align-self:center}
        #sp-app .sp-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
        #sp-app .sp-checklist{display:flex;flex-direction:column;gap:0}
        #sp-app .sp-checklist label{display:flex;gap:10px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--sp-line);font-size:13px}
        #sp-app .sp-checklist input{margin:3px 0 0;accent-color:#9acdf9;flex-shrink:0;width:17px;height:17px}
        #sp-app .sp-checklist small{display:block;font-size:11px;color:var(--sp-muted);margin-top:4px}
        #sp-app .sp-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 30px 21px;color:#9db7d6;font-size:11px}
        @container secretplace (max-width:720px){
          #sp-app .sp-header{padding:21px 22px 17px}
          #sp-app .sp-main{padding:25px 22px 21px}
          #sp-app .sp-grid{grid-template-columns:1.25fr 1fr;gap:13px}
          #sp-app .sp-nav button{min-width:87px;padding:9px 10px;font-size:12px;gap:6px}
          #sp-app .sp-memory{min-height:320px;padding:20px}
          #sp-app .sp-pad{padding:18px}
          #sp-app h1{font-size:34px}
          #sp-app .sp-fin-mini{gap:8px}
          #sp-app .sp-fin-mini strong{font-size:21px}
          #sp-app .sp-cinema-top{gap:14px}
          #sp-app .sp-scores{gap:7px}
          #sp-app .sp-score{padding:13px 11px;min-width:71px}
          #sp-app .sp-film{gap:16px}
        }
        @container secretplace (max-width:560px){
          #sp-app{min-height:700px}
          #sp-app .sp-header{padding:20px 18px 13px}
          #sp-app .sp-header-note{display:none}
          #sp-app .sp-avatar>span:first-child{display:none}
          #sp-app .sp-brand-name{font-size:17px}
          #sp-app .sp-brand-icon{width:32px;height:33px;font-size:22px}
          #sp-app .sp-main{padding:22px 17px 20px}
          #sp-app h1{font-size:32px;letter-spacing:-1.1px}
          #sp-app .sp-page-top{align-items:flex-start;margin-bottom:20px;gap:15px}
          #sp-app .sp-page-top .sp-actions{width:100%}
          #sp-app .sp-grid{grid-template-columns:1fr;gap:14px}
          #sp-app .sp-stack{gap:14px}
          #sp-app .sp-memory{min-height:242px;padding:21px}
          #sp-app .sp-memory h2{font-size:34px}
          #sp-app .sp-memory::before{background-size:cover,135% auto;background-position:center,left 37%}
          #sp-app .sp-nav{gap:2px;width:calc(100% - 26px);max-width:calc(100% - 26px);padding:5px;border-radius:23px}
          #sp-app .sp-nav button{min-width:0;flex:1;flex-direction:column;gap:3px;padding:7px 1px;min-height:52px;border-radius:18px;font-size:11px}
          #sp-app .sp-nav .sp-icon{height:18px;width:20px}
          #sp-app .sp-nav .sp-icon svg{width:18px;height:18px}
          #sp-app .sp-button{min-height:42px;padding:9px 13px;font-size:12px}
          #sp-app .sp-button.sp-small-button{min-height:34px;padding:5px 10px;font-size:11px}
          #sp-app .sp-pad{padding:18px}
          #sp-app .sp-fin-mini strong{font-size:26px}
          #sp-app .sp-toast{margin:12px 17px 0}
          #sp-app .sp-cinema{padding:20px}
          #sp-app .sp-cinema-top{display:block}
          #sp-app .sp-cinema h2{font-size:30px}
          #sp-app .sp-scores{margin-top:19px;gap:10px}
          #sp-app .sp-score{flex:1;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:9px;text-align:left}
          #sp-app .sp-score strong{font-size:30px;margin:0}
          #sp-app .sp-film{grid-template-columns:1fr;gap:13px}
          #sp-app .sp-film-photo{min-height:205px}
          #sp-app .sp-film-info{padding:0}
          #sp-app .sp-form-grid{grid-template-columns:1fr;gap:15px}
          #sp-app .sp-field.sp-wide{grid-column:auto}
          #sp-app .sp-field input,#sp-app .sp-field select,#sp-app .sp-field textarea{font-size:16px}
          #sp-app .sp-fieldset{padding-top:10px}
          #sp-app .sp-note-grid{grid-template-columns:1fr}
          #sp-app .sp-fin-values{gap:24px}
          #sp-app .sp-fin-value strong{font-size:29px}
          #sp-app .sp-filter-grid{grid-template-columns:1fr 1fr}
          #sp-app .sp-filter-grid .sp-field:last-child{grid-column:1/-1}
          #sp-app .sp-filter-grid .sp-field input,#sp-app .sp-filter-grid .sp-field select{font-size:16px}
          #sp-app .sp-segments{border-radius:18px}
          #sp-app .sp-segments button{padding:7px 11px;font-size:12px;min-height:36px}
          #sp-app .sp-operation{gap:9px;grid-template-columns:31px minmax(0,1fr) auto}
          #sp-app .sp-operation-symbol{width:30px;height:32px;font-size:17px}
          #sp-app .sp-operation-amount{font-size:12px}
          #sp-app .sp-operation-title{font-size:12px}
          #sp-app .sp-wishes{grid-template-columns:1fr}
          #sp-app .sp-hobby-hero{padding:21px;gap:14px}
          #sp-app .sp-hobby-hero h2{font-size:28px}
          #sp-app .sp-community-number{font-size:39px;letter-spacing:-1.5px}
          #sp-app .sp-pipeline{grid-template-columns:1fr}
          #sp-app .sp-column{padding:17px}
          #sp-app .sp-settings-grid{grid-template-columns:1fr}
          #sp-app .sp-account{gap:10px}
          #sp-app .sp-account .sp-tag{font-size:10px;padding:4px 6px}
          #sp-app .sp-footer{padding:0 18px 20px;font-size:10px}
        }
        @media(prefers-reduced-motion:no-preference){#sp-app button{transition:background .15s ease,box-shadow .15s ease}#sp-app button:hover{filter:brightness(1.06)}}
      
html{min-height:100%;background:#08142c}body{margin:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}#sp-preview{width:100%;margin:auto}#sp-app{min-height:100dvh;border-radius:0;--sp-hue:211;--sp-accent:hsl(var(--sp-hue) 76% 46%);--sp-muted:hsl(var(--sp-hue) 45% 83%);--sp-line:hsla(var(--sp-hue) 65% 87%/.2);background:radial-gradient(ellipse at 75% -10%,hsla(var(--sp-hue) 90% 72%/.55),transparent 52%),radial-gradient(ellipse at 0 25%,hsla(var(--sp-hue) 85% 47%/.7),transparent 65%),linear-gradient(165deg,hsl(var(--sp-hue) 65% 26%),hsl(var(--sp-hue) 57% 13%) 70%,#080e1e);transition:background .3s}#sp-app[data-page=personal]{--sp-hue:332}#sp-app[data-page=finance]{--sp-hue:164}#sp-app[data-page=hobby]{--sp-hue:268}#sp-app[data-page=management]{--sp-hue:31}#sp-app .sp-main,#sp-app .sp-header{max-width:1260px;margin:auto}#sp-app .sp-panel{background:linear-gradient(135deg,hsla(var(--sp-hue) 55% 35%/.55),hsla(var(--sp-hue) 45% 20%/.7));backdrop-filter:blur(24px) saturate(145%)}#sp-app .sp-nav{position:sticky;top:12px;z-index:10;background:linear-gradient(140deg,hsla(var(--sp-hue) 45% 75%/.25),hsla(var(--sp-hue) 50% 30%/.7))}#sp-app .sp-button{background:hsla(var(--sp-hue) 40% 65%/.18)}#sp-app .sp-primary{background:#f4f9ff;color:hsl(var(--sp-hue) 65% 22%)}#sp-app .sp-auth{max-width:440px;margin:9vh auto 0;padding:34px}#sp-app .sp-auth h1{font-size:34px;margin:18px 0 12px}#sp-app .sp-auth p{margin-bottom:22px}#sp-app .sp-auth .sp-field{margin-bottom:16px}#sp-app .sp-auth form{margin-top:20px}#sp-app .sp-auth .sp-button{width:100%}#sp-app .sp-lock{width:66px;height:66px;display:grid;place-items:center;font-size:38px;border-radius:22px;border:1px solid #ffffff55;background:linear-gradient(145deg,#ffffff66,#ffffff08);box-shadow:inset 0 1px 1px #ffffffaa,0 18px 44px #0002}#sp-app .sp-auth-error{color:#ffd7d7;margin:14px 0;font-size:13px}#sp-app .sp-cinema h2{font-size:36px;line-height:1.1;letter-spacing:-1px}#sp-app .sp-cinema{margin-bottom:22px}#sp-app .sp-evening{margin-bottom:16px}#sp-app .sp-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}#sp-app .sp-photo-grid img{width:100%;max-height:340px;object-fit:cover;border-radius:18px;margin-top:12px}#sp-app .sp-photo-grid p{white-space:pre-wrap;overflow-wrap:anywhere}#sp-app .sp-note-body{white-space:pre-wrap;overflow-wrap:anywhere;max-height:60vh;overflow:auto;line-height:1.75;margin-top:20px}#sp-app .sp-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#sp-app .sp-search{width:100%;margin-bottom:16px;border:1px solid var(--sp-line);border-radius:16px;padding:12px 15px;background:#051b3526;color:white}#sp-app .sp-search::placeholder{color:var(--sp-muted)}#sp-app .sp-note{cursor:pointer;text-align:left;color:inherit;min-height:120px}#sp-app .sp-note p{white-space:pre-wrap;max-height:110px;overflow:hidden}#sp-app .sp-delete{color:#ffd4d4}#sp-app .sp-form-actions{flex-wrap:wrap}#sp-app .sp-badge{background:#ffffff13;border:1px solid var(--sp-line);border-radius:20px;padding:7px 11px;display:inline-block;color:var(--sp-muted);font-size:12px}#sp-app .sp-top-controls{display:flex;gap:14px;align-items:center}#sp-app .sp-operation{gap:10px}#sp-app .sp-operation-title{overflow-wrap:anywhere}#sp-app .sp-operation-meta{overflow-wrap:anywhere}#sp-app .sp-link{background:none;padding:0;text-align:left;color:inherit}#sp-app .sp-account-main{overflow-wrap:anywhere}#sp-app .sp-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#sp-app .sp-panel-heading{align-items:flex-start}#sp-app .sp-memory{min-height:310px}#sp-app .sp-memory::before{background-size:cover;background-position:center}#sp-app .sp-empty{line-height:1.8}#sp-app .sp-form-grid textarea{min-height:130px}#sp-app .sp-field input[type=checkbox]{width:auto}#sp-app .sp-invite{word-break:break-all;display:block;padding:14px;background:#071b2a55;border-radius:14px;user-select:all}#sp-app .sp-fieldset .sp-field{margin-bottom:12px}#sp-app .sp-button[disabled]{opacity:.5;cursor:wait}#sp-app .sp-float-title{display:flex;align-items:start;justify-content:space-between;gap:18px}#sp-app .sp-float-title h2{overflow-wrap:anywhere}#sp-app .sp-task label{min-width:0}#sp-app .sp-task-title{overflow-wrap:anywhere}#sp-app .sp-operation-amount{white-space:nowrap}#sp-app .sp-chart svg{width:100%;height:230px}#sp-app .sp-chart .income{fill:#8ee8ca}#sp-app .sp-chart .expense{fill:#e8a9bf}#sp-app .sp-chart text{fill:var(--sp-muted);font:11px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}#sp-app .sp-chart line{stroke:#ffffff20}#sp-app .sp-source{font-size:11px;color:var(--sp-muted);margin-top:18px}#sp-app .sp-field input,#sp-app .sp-field textarea,#sp-app .sp-field select{background-color:hsla(var(--sp-hue) 55% 10%/.38)}#sp-app select option{background:#172d48;color:white}#sp-app .sp-header-note{line-height:1.4}#sp-app .sp-footer{max-width:1260px;margin:auto}
@media(max-width:650px){#sp-app .sp-header{padding:18px 18px 15px}#sp-app .sp-main{padding:24px 18px 35px}#sp-app .sp-nav{max-width:calc(100% - 24px);gap:0;padding:5px}#sp-app .sp-nav button{min-width:0;padding:9px 10px;font-size:10px;flex-direction:column;gap:2px}#sp-app .sp-nav .sp-icon{height:18px}#sp-app .sp-nav button span:last-child{line-height:1.1}#sp-app .sp-avatar-circle{width:30px;height:30px}#sp-app .sp-top-controls .sp-small{display:none}#sp-app .sp-auth{margin:4vh auto 0;padding:24px}#sp-app .sp-photo-grid{grid-template-columns:1fr}#sp-app .sp-note-grid{grid-template-columns:1fr}#sp-app .sp-operation .sp-small-button{padding:5px}#sp-app .sp-cinema h2{font-size:29px}#sp-app h1{font-size:33px}#sp-app .sp-fin-values{gap:16px}#sp-app .sp-fin-value strong{font-size:29px}#sp-app .sp-filter-grid{grid-template-columns:1fr 1fr}#sp-app .sp-filter-grid .sp-field:last-child{grid-column:1/-1}#sp-app .sp-form-grid{grid-template-columns:1fr}#sp-app .sp-grid{grid-template-columns:1fr}#sp-app .sp-settings-grid{grid-template-columns:1fr}#sp-app .sp-film{grid-template-columns:1fr}#sp-app .sp-account{flex-wrap:wrap}}
@media(min-width:1500px){#sp-app .sp-main{padding-top:40px}}